"use client";
import { useTheme } from 'next-themes';
import { Toaster as Toaster$1 } from 'sonner';
export { toast } from 'sonner';
import { jsx } from 'react/jsx-runtime';

var __defProp = Object.defineProperty;
var __name = (target, value) => __defProp(target, "name", { value, configurable: true });
var Toaster = /* @__PURE__ */ __name(({ ...props }) => {
  const { theme = "system" } = useTheme();
  return /* @__PURE__ */ jsx(
    Toaster$1,
    {
      theme,
      className: "toaster group",
      toastOptions: {
        classNames: {
          toast: "group toast group-[.toaster]:bg-level-2 group-[.toaster]:text-foreground group-[.toaster]:border-muted-3 group-[.toaster]:shadow-lg",
          description: "group-[.toast]:text-foreground",
          actionButton: "group-[.toast]:bg-primary group-[.toast]:text-primary-fg",
          cancelButton: "group-[.toast]:bg-transparent group-[.toast]:text-foreground"
        }
      },
      ...props
    }
  );
}, "Toaster");

export { Toaster };
