35 lines
834 B
TypeScript
35 lines
834 B
TypeScript
'use client';
|
|
import classNames from 'classnames';
|
|
import { Button, Icon } from 'react-basics';
|
|
import { useTheme } from 'components/hooks';
|
|
import Sun from 'assets/sun.svg';
|
|
import Moon from 'assets/moon.svg';
|
|
import styles from './ThemeSetting.module.css';
|
|
|
|
export function ThemeSetting() {
|
|
const { theme, saveTheme } = useTheme();
|
|
|
|
return (
|
|
<div className={styles.buttons}>
|
|
<Button
|
|
className={classNames({ [styles.active]: theme === 'light' })}
|
|
onClick={() => saveTheme('light')}
|
|
>
|
|
<Icon>
|
|
<Sun />
|
|
</Icon>
|
|
</Button>
|
|
<Button
|
|
className={classNames({ [styles.active]: theme === 'dark' })}
|
|
onClick={() => saveTheme('dark')}
|
|
>
|
|
<Icon>
|
|
<Moon />
|
|
</Icon>
|
|
</Button>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default ThemeSetting;
|