langfuse

1
"use client";
2

3
import { Toaster as Sonner } from "sonner";
4

5
type ToasterProps = React.ComponentProps<typeof Sonner>;
6

7
const Toaster = ({ ...props }: ToasterProps) => {
8
  return (
9
    <Sonner
10
      theme={"light"}
11
      className="toaster group"
12
      position="top-right"
13
      toastOptions={{
14
        classNames: {
15
          toast:
16
            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",
17
          description: "group-[.toast]:text-muted-foreground",
18
          actionButton:
19
            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",
20
          cancelButton:
21
            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",
22
        },
23
      }}
24
      {...props}
25
    />
26
  );
27
};
28

29
export { Toaster };
30