@arolariu/components
Version:
A collection of reusable components for React applications, built as ESM & CJS modules with tree shake, minify and bundler optimizations enabled, for the lowest bundle size (import cost)!
24 lines (23 loc) • 1.57 kB
JavaScript
"use client";
import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
import * as __WEBPACK_EXTERNAL_MODULE_next_themes_25055421__ from "next-themes";
import * as __WEBPACK_EXTERNAL_MODULE_sonner__ from "sonner";
const Toaster = ({ ...props })=>{
const { theme = "system" } = (0, __WEBPACK_EXTERNAL_MODULE_next_themes_25055421__.useTheme)();
return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_sonner__.Toaster, {
theme: theme,
className: "toaster group",
toastOptions: {
classNames: {
toast: "group toast group-[.toaster]:bg-white group-[.toaster]:text-neutral-950 group-[.toaster]:border-neutral-200 group-[.toaster]:shadow-lg dark:group-[.toaster]:bg-neutral-950 dark:group-[.toaster]:text-neutral-50 dark:group-[.toaster]:border-neutral-800",
description: "group-[.toast]:text-neutral-500 dark:group-[.toast]:text-neutral-400",
actionButton: "group-[.toast]:bg-neutral-900 group-[.toast]:text-neutral-50 font-medium dark:group-[.toast]:bg-neutral-50 dark:group-[.toast]:text-neutral-900",
cancelButton: "group-[.toast]:bg-neutral-100 group-[.toast]:text-neutral-500 font-medium dark:group-[.toast]:bg-neutral-800 dark:group-[.toast]:text-neutral-400"
}
},
...props
});
};
var __webpack_exports__toast = __WEBPACK_EXTERNAL_MODULE_sonner__.toast;
export { Toaster, __webpack_exports__toast as toast };
//# sourceMappingURL=sonner.js.map