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

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

import { jsxs as n, jsx as e } from "react/jsx-runtime";
import { Button as l } from "dgz-ui/button";
import { DropdownMenu as s, DropdownMenuTrigger as m, DropdownMenuContent as c, DropdownMenuItem as t } from "dgz-ui/dropdown";
import { Sun as d, Moon as h } from "lucide-react";
import { useTranslation as p } from "react-i18next";
import { T as a } from "../../chunks/ThemeMode-CqURAYDL.es.js";
import { u } from "../../chunks/useTheme-iKF3BEvj.es.js";
function C({ className: i }) {
  const { t: r } = p(), { setTheme: o } = u();
  return /* @__PURE__ */ n(s, { children: [
    /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ n(l, { variant: "tertiary", size: "icon", className: i, children: [
      /* @__PURE__ */ e(d, { className: "h-[1.2rem] w-[1.2rem] scale-100 rotate-0 transition-all dark:scale-0 dark:-rotate-90" }),
      /* @__PURE__ */ e(h, { className: "absolute h-[1.2rem] w-[1.2rem] scale-0 rotate-90 transition-all dark:scale-100 dark:rotate-0" }),
      /* @__PURE__ */ e("span", { className: "sr-only", children: r("Toggle theme") })
    ] }) }),
    /* @__PURE__ */ n(c, { align: "end", children: [
      /* @__PURE__ */ e(t, { onClick: () => o(a.LIGHT), children: r("Light") }),
      /* @__PURE__ */ e(t, { onClick: () => o(a.DARK), children: r("Dark") }),
      /* @__PURE__ */ e(t, { onClick: () => o(a.SYSTEM), children: r("System") })
    ] })
  ] });
}
export {
  C as ThemeToggle
};
//# sourceMappingURL=index.es.js.map