@kadoui/react/dist/components/ThemeAdapter/ThemeAdapter.js

Kadoui primitive components for React

import { jsx as _jsx } from "react/jsx-runtime";
const themeScript = `
  (function() {
    try {
      const themeHandler = (ev) => {
        const theme = ev.matches ? "dark" : "light";
        document.querySelector("html").setAttribute("data-theme", theme);
      };

      const darkModeQuery = window.matchMedia("(prefers-color-scheme: dark)");

      darkModeQuery.addEventListener("change", themeHandler)

      themeHandler(darkModeQuery)
    } catch (err) {
      console.log(err) 
    }
  })();
`;
export function ThemeAdapter() {
    return _jsx("script", { dangerouslySetInnerHTML: { __html: themeScript } });
}