1  "use client"
 2  
 3  import { Toaster as Sonner, type ToasterProps } from "sonner"
 4  
 5  const Toaster = (props: ToasterProps) => {
 6    return (
 7      <Sonner
 8        theme="dark"
 9        className="toaster group"
10        style={
11          {
12            "--normal-bg": "var(--popover)",
13            "--normal-text": "var(--popover-foreground)",
14            "--normal-border": "var(--border)",
15          } as React.CSSProperties
16        }
17        {...props}
18      />
19    )
20  }
21  
22  export { Toaster }