1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
// @deno-types="npm:@types/react@18.2.60"import * as React from "react";
import { Toaster as Sonner } from "../deps/sonner.ts";import { useDarkMode } from "./use-dark-mode.ts";
type ToasterProps = React.ComponentProps<typeof Sonner>;
const Toaster = ({ ...props }: ToasterProps) => {  const darkMode = useDarkMode();
  const theme = darkMode.value ? "dark" : "light";
  return (    <Sonner      theme={theme as ToasterProps["theme"]}      className="toaster group"      toastOptions={{        classNames: {          toast:            "group toast group-[.toaster]:bg-background group-[.toaster]:text-foreground group-[.toaster]:border-border group-[.toaster]:shadow-lg",          description: "group-[.toast]:text-muted-foreground",          actionButton:            "group-[.toast]:bg-primary group-[.toast]:text-primary-foreground",          cancelButton:            "group-[.toast]:bg-muted group-[.toast]:text-muted-foreground",        },      }}      {...props}    />  );};
export { Toaster };