import "@awesome.me/webawesome/dist/styles/webawesome.css";
import "@awesome.me/webawesome/dist/components/button/button.js";
import "@awesome.me/webawesome/dist/components/callout/callout.js";
import "@awesome.me/webawesome/dist/components/input/input.js";
import "@awesome.me/webawesome/dist/components/spinner/spinner.js";

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

function syncColorScheme(event: MediaQueryList | MediaQueryListEvent): void {
  document.documentElement.classList.toggle("wa-dark", event.matches);
  document.documentElement.classList.toggle("wa-light", !event.matches);
}

syncColorScheme(darkMode);
darkMode.addEventListener("change", syncColorScheme);