@transkripid/flowbite-react/lib/components/DarkThemeToggle/DarkThemeToggle.mjs

Official React components built for Flowbite and Tailwind CSS - Transkrip.id fork

import { jsx as H, jsxs as L } from "react/jsx-runtime";
import { c as w } from "react/compiler-runtime";
import { HiSun as S, HiMoon as $ } from "react-icons/hi";
import { twMerge as j } from "tailwind-merge";
import { useIsMounted as q } from "../../hooks/use-is-mounted.mjs";
import { mergeDeep as z } from "../../helpers/merge-deep.mjs";
import { useThemeMode as A } from "../../hooks/use-theme-mode.mjs";
import { getTheme as B } from "../../theme-store/index.mjs";
const E = (D) => {
  const e = w(41);
  let o, l, t, k, u;
  e[0] !== D ? ({
    className: o,
    theme: t,
    iconDark: k,
    iconLight: u,
    ...l
  } = D, e[0] = D, e[1] = o, e[2] = l, e[3] = t, e[4] = k, e[5] = u) : (o = e[1], l = e[2], t = e[3], k = e[4], u = e[5]);
  let T;
  e[6] !== t ? (T = t === void 0 ? {} : t, e[6] = t, e[7] = T) : T = e[7];
  const N = T, y = k === void 0 ? S : k, x = u === void 0 ? $ : u, b = q(), {
    computedMode: M,
    toggleMode: C
  } = A();
  let r, a, i, m, s, d, n, c, g, h, p;
  if (e[8] !== y || e[9] !== x || e[10] !== o || e[11] !== M || e[12] !== N || e[13] !== b || e[14] !== l || e[15] !== C) {
    const I = z(B().darkThemeToggle, N);
    h = "button", p = "Toggle dark mode", a = "dark-theme-toggle", i = j(I.root.base, o), m = C, s = l, d = /* @__PURE__ */ H(y, { "aria-label": "Currently dark mode", "data-active": b && M === "dark", className: j(I.root.icon, "hidden dark:block") }), r = x, n = "Currently light mode", c = b && M === "light", g = j(I.root.icon, "dark:hidden"), e[8] = y, e[9] = x, e[10] = o, e[11] = M, e[12] = N, e[13] = b, e[14] = l, e[15] = C, e[16] = r, e[17] = a, e[18] = i, e[19] = m, e[20] = s, e[21] = d, e[22] = n, e[23] = c, e[24] = g, e[25] = h, e[26] = p;
  } else
    r = e[16], a = e[17], i = e[18], m = e[19], s = e[20], d = e[21], n = e[22], c = e[23], g = e[24], h = e[25], p = e[26];
  let f;
  e[27] !== r || e[28] !== n || e[29] !== c || e[30] !== g ? (f = /* @__PURE__ */ H(r, { "aria-label": n, "data-active": c, className: g }), e[27] = r, e[28] = n, e[29] = c, e[30] = g, e[31] = f) : f = e[31];
  let v;
  return e[32] !== a || e[33] !== i || e[34] !== m || e[35] !== s || e[36] !== d || e[37] !== f || e[38] !== h || e[39] !== p ? (v = /* @__PURE__ */ L("button", { type: h, "aria-label": p, "data-testid": a, className: i, onClick: m, ...s, children: [
    d,
    f
  ] }), e[32] = a, e[33] = i, e[34] = m, e[35] = s, e[36] = d, e[37] = f, e[38] = h, e[39] = p, e[40] = v) : v = e[40], v;
};
E.displayName = "DarkThemeToggle";
export {
  E as DarkThemeToggle
};
//# sourceMappingURL=DarkThemeToggle.mjs.map