diff options
Diffstat (limited to 'src/utils/hooks/use-theme/use-theme.ts')
| -rw-r--r-- | src/utils/hooks/use-theme/use-theme.ts | 15 |
1 files changed, 15 insertions, 0 deletions
diff --git a/src/utils/hooks/use-theme/use-theme.ts b/src/utils/hooks/use-theme/use-theme.ts new file mode 100644 index 0000000..0605d8b --- /dev/null +++ b/src/utils/hooks/use-theme/use-theme.ts @@ -0,0 +1,15 @@ +import { useCallback, useContext } from 'react'; +import { ThemeContext } from '../../providers'; + +export const useTheme = () => { + const { resolvedTheme, theme, setTheme } = useContext(ThemeContext); + + const toggleTheme = useCallback(() => { + setTheme(() => { + if (resolvedTheme === 'dark') return 'light'; + return 'dark'; + }); + }, [resolvedTheme, setTheme]); + + return { resolvedTheme, setTheme, theme, toggleTheme }; +}; |
