dgz-ui-shared/dist/components/theme/index.cjs.js

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript, dgz-ui library

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("dgz-ui/button"),r=require("dgz-ui/dropdown"),s=require("lucide-react"),c=require("react-i18next"),t=require("../../chunks/ThemeMode-BO6tit_Z.cjs.js"),l=require("../../chunks/useTheme-hjEZ-FC3.cjs.js");function d({className:i}){const{t:n}=c.useTranslation(),{setTheme:o}=l.useTheme();return e.jsxs(r.DropdownMenu,{children:[e.jsx(r.DropdownMenuTrigger,{asChild:!0,children:e.jsxs(a.Button,{variant:"tertiary",size:"icon",className:i,children:[e.jsx(s.Sun,{className:"h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90"}),e.jsx(s.Moon,{className:"absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0"}),e.jsx("span",{className:"sr-only",children:n("Toggle theme")})]})}),e.jsxs(r.DropdownMenuContent,{align:"end",children:[e.jsx(r.DropdownMenuItem,{onClick:()=>o(t.ThemeMode.LIGHT),children:n("Light")}),e.jsx(r.DropdownMenuItem,{onClick:()=>o(t.ThemeMode.DARK),children:n("Dark")}),e.jsx(r.DropdownMenuItem,{onClick:()=>o(t.ThemeMode.SYSTEM),children:n("System")})]})]})}exports.ThemeToggle=d;
//# sourceMappingURL=index.cjs.js.map