tldraw/hooks/useTheme.ts
2021-06-21 22:35:28 +01:00

13 lines
394 B
TypeScript

/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
import { useCallback } from 'react'
import state, { useSelector } from 'state'
export default function useTheme() {
const theme = useSelector((state) =>
state.data.settings.isDarkMode ? 'dark' : 'light'
)
const toggleTheme = useCallback(() => state.send('TOGGLED_THEME'), [])
return { theme, toggleTheme }
}