@easy-shadcn/react
Version:
Use shadcn/ui easy&enhance like component library
32 lines (28 loc) • 964 B
JavaScript
;
var nextThemes = require('next-themes');
var sonner = require('sonner');
var jsxRuntime = require('react/jsx-runtime');
var Toaster = ({ ...props }) => {
const { theme = "system" } = nextThemes.useTheme();
return /* @__PURE__ */ jsxRuntime.jsx(
sonner.Toaster,
{
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
}
);
};
Object.defineProperty(exports, "toast", {
enumerable: true,
get: function () { return sonner.toast; }
});
exports.Toaster = Toaster;