Toast

import {
	ToastProvider,
	Button,
} from "@work-rjkashyap/unified-ui";

import { ToastProvider } from "@work-rjkashyap/unified-ui";

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

import { useToast, Button } from "@work-rjkashyap/unified-ui";

function SaveButton() {
	const toast = useToast();

	return (
		<Button
			onClick={() => {
				toast.success("Changes saved successfully.");
			}}
		>
			Save
		</Button>
	);
}

toast.success({
	title: "Payment received",
	description: "Your order #12345 has been confirmed.",
});

toast.danger({
	title: "Upload failed",
	description:
		"The file exceeds the 10 MB size limit. Please compress and try again.",
});

toast.info({
	title: "New update available",
	description: "Version 2.4.0 is ready to install.",
	action: {
		label: "Update now",
		onClick: () => handleUpdate(),
	},
});

toast.danger({
	title: "Message deleted",
	description: "The message has been moved to trash.",
	action: {
		label: "Undo",
		onClick: () => handleUndo(),
	},
});

// Quick toast — 2 seconds
toast.success("Copied!", { duration: 2000 });

// Long toast — 10 seconds
toast.warning("Please review the changes.", { duration: 10000 });

// Persistent — won't auto-dismiss (no progress bar)
toast.info("Waiting for server response...", { duration: 0 });

<ToastProvider position="top-right">      {/* Default */}
<ToastProvider position="top-left">
<ToastProvider position="top-center">
<ToastProvider position="bottom-right">
<ToastProvider position="bottom-left">
<ToastProvider position="bottom-center">

const toast = useToast();

// Returns a toast ID
const id = toast.success("Uploading...", { duration: 0 });

// Dismiss a specific toast
toast.dismiss(id);

// Dismiss all toasts
toast.dismissAll();

// Only one "connectivity" toast at a time
toast.warning("Connection lost. Retrying...", { id: "connectivity" });

// Later — replaces the existing toast
toast.success("Reconnected!", { id: "connectivity" });

// Limit to 3 visible toasts
<ToastProvider maxVisible={3}>{children}</ToastProvider>

async function handleSubmit(data: FormData) {
	const toast = useToast();

	try {
		await saveProfile(data);
		toast.success({
			title: "Profile updated",
			description: "Your changes are now live.",
		});
	} catch (err) {
		toast.danger({
			title: "Save failed",
			description: err.message,
			duration: 8000,
		});
	}
}

function UploadButton() {
	const toast = useToast();

	const handleUpload = async () => {
		const id = toast.info("Uploading file...", { duration: 0 });

		try {
			await uploadFile(file);
			toast.dismiss(id);
			toast.success("File uploaded successfully!");
		} catch {
			toast.dismiss(id);
			toast.danger("Upload failed. Please try again.");
		}
	};

	return <Button onClick={handleUpload}>Upload</Button>;
}

function DeleteButton({ itemId }: { itemId: string }) {
	const toast = useToast();

	const handleDelete = () => {
		softDelete(itemId);
		toast.danger({
			title: "Item deleted",
			description: "This action can be undone.",
			duration: 8000,
			action: {
				label: "Undo",
				onClick: () => restoreItem(itemId),
			},
		});
	};

	return (
		<Button variant="destructive" onClick={handleDelete}>
			Delete
		</Button>
	);
}