import {useEffect, useState} from "react";

const Theme = (theme?: string) => {
  const [isReady, setIsReady] = useState(false);
  useEffect( () => {
    if (!theme && window.matchMedia("(prefers-color-scheme: dark)").matches) {
      document.documentElement.classList.add("dark");
    } else {
      document.documentElement.classList.add(theme);
    }
    setIsReady(true);
  }, []);

  return {
    isReady
  }
};

export default Theme;