2020-09-20 10:33:39 +02:00
|
|
|
import React from 'react';
|
|
|
|
import Button from 'components/common/Button';
|
|
|
|
import useTheme from 'hooks/useTheme';
|
2020-09-20 11:54:38 +02:00
|
|
|
import ToggleOn from 'assets/toggle-on.svg';
|
|
|
|
import ToggleOff from 'assets/toggle-off.svg';
|
2020-09-20 10:33:39 +02:00
|
|
|
|
|
|
|
export default function ThemeButton() {
|
|
|
|
const [theme, setTheme] = useTheme();
|
|
|
|
|
|
|
|
function handleClick() {
|
|
|
|
setTheme(theme === 'light' ? 'dark' : 'light');
|
|
|
|
}
|
|
|
|
|
2020-09-20 11:54:38 +02:00
|
|
|
return (
|
|
|
|
<Button
|
|
|
|
icon={theme === 'light' ? <ToggleOff /> : <ToggleOn />}
|
|
|
|
size="large"
|
|
|
|
variant="light"
|
|
|
|
onClick={handleClick}
|
|
|
|
/>
|
|
|
|
);
|
2020-09-20 10:33:39 +02:00
|
|
|
}
|