bunware.org
Scrapboard.org client
1"use client"
2
3import { useTheme } from "next-themes"
4import { Toaster as Sonner, 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 style={
14 {
15 "--normal-bg": "var(--popover)",
16 "--normal-text": "var(--popover-foreground)",
17 "--normal-border": "var(--border)",
18 } as React.CSSProperties
19 }
20 {...props}
21 />
22 )
23}
24
25export { Toaster }