laif-ds/dist/components/ui/toaster.js

Design System di Laif con componenti React basati su principi di Atomic Design

"use client";
import { jsx as r } from "react/jsx-runtime";
import { useTheme as s } from "../../node_modules/next-themes/dist/index.js";
import { Toaster as e } from "../../node_modules/sonner/dist/index.js";
const g = ({ ...o }) => {
  const { theme: t = "system" } = s();
  return /* @__PURE__ */ r(
    e,
    {
      theme: t,
      className: "toaster group",
      toastOptions: {
        classNames: {
          toast: "group toast group-[.toaster]:bg-d-background group-[.toaster]:text-d-foreground group-[.toaster]:border-d-border group-[.toaster]:shadow-lg",
          description: "group-[.toast]:text-d-secondary-foreground",
          actionButton: "group-[.toast]:bg-d-primary group-[.toast]:text-d-primary-foreground",
          cancelButton: "group-[.toast]:bg-d-secondary group-[.toast]:text-d-secondary-foreground"
        }
      },
      ...o
    }
  );
};
export {
  g as Toaster
};