16 lines
320 B
TypeScript
16 lines
320 B
TypeScript
|
import { useTheme } from 'next-themes'
|
||
|
|
import { Icon } from './Icon'
|
||
|
|
|
||
|
|
export function ThemeSwitcher() {
|
||
|
|
const { theme, setTheme } = useTheme()
|
||
|
|
|
||
|
|
return (
|
||
|
|
<button
|
||
|
|
className="sidebar__button icon-button"
|
||
|
|
onClick={() => setTheme(theme === 'light' ? 'dark' : 'light')}
|
||
|
|
>
|
||
|
|
<Icon icon="light" />
|
||
|
|
</button>
|
||
|
|
)
|
||
|
|
}
|