| import { Toaster as Sonner, toast } from "sonner"; | |
| type ToasterProps = React.ComponentProps<typeof Sonner>; | |
| function Toaster({ ...props }: ToasterProps) { | |
| return ( | |
| <Sonner | |
| className="toaster group" | |
| toastOptions={{ | |
| classNames: { | |
| toast: "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg", | |
| description: "group-[.toast]:text-muted-foreground", | |
| actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground", | |
| cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground", | |
| error: "group-[.toaster]:bg-destructive group-[.toaster]:text-white group-[.toaster]:border-destructive", | |
| }, | |
| }} | |
| {...props} | |
| /> | |
| ); | |
| } | |
| export { Toaster, toast }; | |