Sonner

1import type { Component, ComponentProps } from "solid-js"
2 
3import { Toaster as Sonner } from "solid-sonner"
4 
5type ToasterProps = ComponentProps<typeof Sonner>
6 
7const Toaster: Component<ToasterProps> = (props) => {
8  return (
9    <Sonner
10      class="toaster group"
11      toastOptions={{
12        classes: {
13          toast:
14            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
15          description: "group-[.toast]:text-muted-foreground",
16          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
17          cancelButton: "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground"
18        }
19      }}
20      {...props}
21    />
22  )
23}
24 
25export { Toaster }