"use client";
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { Toaster as Sonner } from "sonner";
const Toaster = ({ ...props }) => {
    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
        [data-sonner-toast] [data-description] {
          color: var(--color-neutral-grey-100) !important; /* gray-700 for better contrast on white */
          opacity: 1 !important;
        }
      ` }), _jsx(Sonner, { duration: 4000, theme: "dark", className: "toaster group ![--width:340px] xl:![--width:660px]", toastOptions: {
                    className: "w-[400px] max-h-64 overflow-y-auto",
                }, style: {
                    "--normal-bg": "var(--popover)",
                    "--normal-text": "var(--popover-foreground)",
                    "--normal-border": "var(--border)",
                }, ...props })] }));
};
export { Toaster };
//# sourceMappingURL=sonner.js.map