sonner

1"use client";
2 
3import type { ComponentProps } from "react";
4import { Toaster as Sonner } from "sonner";
5 
6import { cn } from "@aomi-labs/react";
7 
8type ToasterProps = ComponentProps<typeof Sonner>;
9 
10export function Toaster({ className, toastOptions, ...props }: ToasterProps) {
11  return (
12    <Sonner
13      className={cn("toaster group", className)}
14      toastOptions={{
15        classNames: {
16          toast:
17            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
18          description: "group-[.toast]:text-muted-foreground",
19          actionButton:
20            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
21          cancelButton:
22            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
23        },
24        ...toastOptions,
25      }}
26      {...props}
27    />
28  );
29}