flowbite-react/dist/esm/components/ThemeModeScript/ThemeModeScript.mjs

Official React components built for Flowbite and Tailwind CSS

import { jsx } from 'react/jsx-runtime';

const ThemeModeScript = ({ mode, ...others }) => {
  return /* @__PURE__ */ jsx(
    "script",
    {
      ...others,
      "data-flowbite-theme-mode-script": true,
      dangerouslySetInnerHTML: {
        __html: getScript({ mode, defaultMode: "light", localStorageKey: "flowbite-theme-mode" })
      }
    }
  );
};
function getScript({
  mode,
  defaultMode,
  localStorageKey
}) {
  return `
    try {
      const mode = window.localStorage.getItem("${localStorageKey}") ?? "${mode}" ?? "${defaultMode}";
      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) {}
  `;
}

export { ThemeModeScript };
//# sourceMappingURL=ThemeModeScript.mjs.map