@transkripid/flowbite-react/lib/components/ThemeModeScript/ThemeModeScript.js

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

"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),m=require("react/compiler-runtime"),s=d=>{const e=m.c(10);let t,o;e[0]!==d?({mode:t,...o}=d,e[0]=d,e[1]=t,e[2]=o):(t=e[1],o=e[2]);let r;e[3]!==t?(r=n({mode:t,defaultMode:"light",localStorageKey:"flowbite-theme-mode"}),e[3]=t,e[4]=r):r=e[4];let c;e[5]!==r?(c={__html:r},e[5]=r,e[6]=c):c=e[6];let l;return e[7]!==o||e[8]!==c?(l=i.jsx("script",{...o,"data-flowbite-theme-mode-script":!0,dangerouslySetInnerHTML:c}),e[7]=o,e[8]=c,e[9]=l):l=e[9],l};function n({mode:d,defaultMode:e,localStorageKey:t}){return`
    try {
      const mode = window.localStorage.getItem('${t}') ?? '${d}' ?? '${e}';
      const computedMode =
        mode === 'auto' ? (window.matchMedia('(prefers-color-scheme: dark)').matches ? 'dark' : 'light') : mode;

      if (computedMode === 'dark') {
        document.documentElement.classList.add('dark');
      } else {
        document.documentElement.classList.remove('dark');
      }
    } catch (e) {}
  `}exports.ThemeModeScript=s;
//# sourceMappingURL=ThemeModeScript.js.map