Toast

import { Toast, ToastProvider, Toaster, useToast } from "@tessinaui/ui/toast";

export default function RootLayout({ children }) {
  return (
    <ToastProvider>
      {children}
      <Toaster position="bottom-right" />
    </ToastProvider>
  );
}

function MyComponent() {
  const { toast } = useToast();

  return (
    <button onClick={() =>
      toast({
        title: "Changes saved",
        description: "Your profile has been updated successfully.",
        intent: "success",
        action: { label: "Undo", onClick: handleUndo },
      })
    }>
      Save
    </button>
  );
}

const { toast, dismiss, dismissAll, toasts } = useToast();