Toast

<>
      <Inline gap={8}>
        <Button onClick={() => toast("Key copied")}>Neutral</Button>
        <Button onClick={() => toast.success("Provider saved")}>Success</Button>
        <Button onClick={() => toast.error("Couldn't reach the provider.", { description: "Check the provider key, then try again." })}>Error</Button>
        <Button onClick={() => toast("Key disabled", { action: { label: "Undo", onClick: () => toast("Key enabled") } })}>With undo</Button>
        <Button
          onClick={() =>
            void toast.promise(new Promise((r) => setTimeout(r, 1600)), { loading: "Syncing models…", success: "Models synced", error: "Couldn't sync models" })
          }
        >
          Promise
        </Button>
      </Inline>
    </>