const STORAGE_KEY = "carrier-theme";

const themeScript = `
(function () {
  try {
    var pref = localStorage.getItem("${STORAGE_KEY}");
    var theme = (pref === "light" || pref === "dark")
      ? pref
      : "light";
    var root = document.documentElement;
    root.setAttribute("data-theme", theme);
    root.style.colorScheme = theme;
  } catch (e) {
    document.documentElement.setAttribute("data-theme", "light");
  }
})();
`;

export function ThemeScript() {
  return <script dangerouslySetInnerHTML={{ __html: themeScript }} />;
}