"use client";

// src/components/ui/sonner.tsx
import { useTheme } from "next-themes";
import { Toaster as Sonner } from "sonner";
import { jsx } from "react/jsx-runtime";
var Toaster = ({ ...props }) => {
  const { theme = "system" } = useTheme();
  return /* @__PURE__ */ jsx(
    Sonner,
    {
      theme,
      className: "toaster group",
      icons: {
        success: /* @__PURE__ */ jsx("i", { className: "fa-light fa-circle-check size-4", "aria-hidden": "true" }),
        info: /* @__PURE__ */ jsx("i", { className: "fa-light fa-circle-info size-4", "aria-hidden": "true" }),
        warning: /* @__PURE__ */ jsx("i", { className: "fa-light fa-triangle-exclamation size-4", "aria-hidden": "true" }),
        error: /* @__PURE__ */ jsx("i", { className: "fa-light fa-octagon-xmark size-4", "aria-hidden": "true" }),
        loading: /* @__PURE__ */ jsx("i", { className: "fa-light fa-spinner size-4 animate-spin", "aria-hidden": "true" })
      },
      style: {
        "--normal-bg": "var(--popover)",
        "--normal-text": "var(--popover-foreground)",
        "--normal-border": "var(--border)",
        "--border-radius": "var(--radius)"
      },
      toastOptions: {
        classNames: {
          toast: "cn-toast"
        }
      },
      ...props
    }
  );
};
export {
  Toaster
};
//# sourceMappingURL=sonner.js.map