homeio

1'use client'
2
3import { useTheme } from 'next-themes'
4import { Toaster as Sonner, type ToasterProps } from 'sonner'
5
6const Toaster = ({ ...props }: ToasterProps) => {
7  const { theme = 'system' } = useTheme()
8
9  return (
10    <Sonner
11      theme={theme as ToasterProps['theme']}
12      className="toaster group"
13      toastOptions={{
14        classNames: {
15          toast:
16            "backdrop-blur-2xl !rounded-[var(--system-radius-control)] !border !border-glass-border/50 !shadow-[0_8px_32px_rgba(0,0,0,0.28)]",
17          title: "!text-sm !font-medium !text-foreground",
18          description: "!text-xs !text-foreground/70",
19          error: "!border-status-red/25",
20          closeButton:
21            "!border-glass-border/40 !bg-transparent backdrop-blur-xl",
22        },
23      }}
24      style={
25        {
26          '--normal-bg': 'hsl(var(--popover) / 0.9)',
27          '--normal-text': 'hsl(var(--popover-foreground))',
28          '--normal-border': 'transparent',
29        } as React.CSSProperties
30      }
31      {...props}
32    />
33  )
34}
35
36export { Toaster }
37