diff options
Diffstat (limited to 'packages/ui-new/src/components/ui/sonner.tsx')
| -rw-r--r-- | packages/ui-new/src/components/ui/sonner.tsx | 43 |
1 files changed, 0 insertions, 43 deletions
diff --git a/packages/ui-new/src/components/ui/sonner.tsx b/packages/ui-new/src/components/ui/sonner.tsx deleted file mode 100644 index d6e293d..0000000 --- a/packages/ui-new/src/components/ui/sonner.tsx +++ /dev/null @@ -1,43 +0,0 @@ -import { - CircleCheckIcon, - InfoIcon, - Loader2Icon, - OctagonXIcon, - TriangleAlertIcon, -} from "lucide-react"; -import { useTheme } from "next-themes"; -import { Toaster as Sonner, type ToasterProps } from "sonner"; - -const Toaster = ({ ...props }: ToasterProps) => { - const { theme = "system" } = useTheme(); - - return ( - <Sonner - theme={theme as ToasterProps["theme"]} - className="toaster group" - icons={{ - success: <CircleCheckIcon className="size-4" />, - info: <InfoIcon className="size-4" />, - warning: <TriangleAlertIcon className="size-4" />, - error: <OctagonXIcon className="size-4" />, - loading: <Loader2Icon className="size-4 animate-spin" />, - }} - style={ - { - "--normal-bg": "var(--popover)", - "--normal-text": "var(--popover-foreground)", - "--normal-border": "var(--border)", - "--border-radius": "var(--radius)", - } as React.CSSProperties - } - toastOptions={{ - classNames: { - toast: "cn-toast", - }, - }} - {...props} - /> - ); -}; - -export { Toaster }; |