import Darkmode from "darkmode-js";

const DARKMODE_OPTIONS = {
  left: "32px",
  right: "unset",
  time: "0.7s",
  saveInCookies: false,
  label: "🌓",
};

window.addEventListener("load", () => {
  const darkmode = new Darkmode(DARKMODE_OPTIONS);
  darkmode.showWidget();
  window.darkmodejs = darkmode;
});

// Also listen to native theme changes
window
  .matchMedia("(prefers-color-scheme: dark)")
  .addEventListener("change", (e) => {
    if (e.matches !== window.darkmodejs.isActivated()) {
      // HACK: .toggle doesn't work quite right
      window.darkmodejs.button.click();
    }
  });