text: import React, { Component } from 'react';
  import { connect } from 'react-redux';
  import Actions from '@/redux/themeSwitcher/actions.js';
  import Switcher from '@/App/components/themeSwitcher/themeSwitcher';
  import LanguageSwitcher from '../LanguageSwitcher';
  import Themes from './config';
  import IntlMessages from '@/App/components/utility/intlMessages';
  import ThemeSwitcherStyle from './themeSwitcher.style';
  
  const { switchActivation, changeTheme } = Actions;
  
  class ThemeSwitcher extends Component {
    render() {
      const {
        isActivated,
        // changeThemes,
        topbarTheme,
        sidebarTheme,
        layoutTheme,
        switchActivation,
        changeTheme
      } = this.props;
  
      const styleButton = { background: sidebarTheme.buttonColor };
  
      return (
        <ThemeSwitcherStyle
          className={isActivated ? 'themeSwitcher active' : 'themeSwitcher'}
        >
          <div className="componentTitleWrapper" style={styleButton}>
            <h3 className="componentTitle">
              <IntlMessages id="themeSwitcher.settings" />
            </h3>
          </div>
  
          <div className="SwitcherBlockWrapper">
            {/*<Switcher
              config={Themes.changeThemes}
              changeTheme={changeTheme}
              selectedId={changeThemes.themeName}
            />*/}
            <Switcher
              config={Themes.sidebarTheme}
              changeTheme={changeTheme}
              selectedId={sidebarTheme.themeName}
            />
  
            <Switcher
              config={Themes.topbarTheme}
              changeTheme={changeTheme}
              selectedId={topbarTheme.themeName}
            />
  
            <Switcher
              config={Themes.layoutTheme}
              changeTheme={changeTheme}
              selectedId={layoutTheme.themeName}
            />
            {/* <LanguageSwitcher /> */}
          </div>
  
          <button
            type="primary"
            className="switcherToggleBtn"
            style={styleButton}
            onClick={() => {
              switchActivation();
            }}
          >
            <img src={'/images/bucket.svg'} alt="bucket" />
          </button>
        </ThemeSwitcherStyle>
      );
    }
  }
  function mapStateToProps(state) {
    return {
      ...state.ThemeSwitcher,
      LanguageSwitcher: state.LanguageSwitcher
    };
  }
  export default connect(mapStateToProps, {
    switchActivation,
    changeTheme
  })(ThemeSwitcher);
  