resume

1
import { Component } from 'solid-js';
2
import { createThemeInvoker } from '@shared/themeInvoker';
3
import styles from './ChangeTheme.module.sass';
4
import { Theme } from '@types';
5
import { useTheme } from '@uikit';
6

7
const changeThemeInvoker = createThemeInvoker(styles, 'ChangeTheme');
8

9
const ChangeTheme: Component = () => {
10
  const { globalTheme, setGlobalTheme } = useTheme();
11

12
  return (
13
    <button
14
      classList={{
15
        [styles.ChangeTheme]: true,
16
        [changeThemeInvoker[globalTheme()]]: true,
17
      }}
18
      aria-label="Сменить тему"
19
      onClick={() => setGlobalTheme(globalTheme() === Theme.LIGHT ? Theme.DARK : Theme.LIGHT)}
20
    />
21
  );
22
};
23

24
export default ChangeTheme;
25