Function useTheme

packages/components/src/components/use-theme.tsx:31–50

()

}

export default function useTheme() {
  const [theme, _setTheme] = useState<ThemeType>(getTheme());

  function setTheme(theme: ThemeType) {
    updateClass(theme);
    persistTheme(theme);
    _setTheme(theme);
  }

  function toggleTheme() {
    setTheme(theme === 'dark' ? 'light' : 'dark');
  }

  return {
    theme,
    codeTheme: getTheme() === 'dark' ? srcbookDark : srcbookLight,
    toggleTheme,
    setTheme,
  };
}