ConceptPortal-public/rsconcept/frontend/src/components/Navigation/ThemeSwitcher.tsx

import { useTheme } from '../../context/ThemeContext';
import { DarkThemeIcon, LightThemeIcon } from '../Icons';
import NavigationButton from './NavigationButton';

function ThemeSwitcher() {
  const {darkMode, toggleDarkMode} = useTheme();
  return (
    <>
      {darkMode && <NavigationButton icon={<LightThemeIcon />} description='Светлая тема' onClick={toggleDarkMode} />}
      {!darkMode && <NavigationButton icon={<DarkThemeIcon />} description='Темная тема' onClick={toggleDarkMode} />}
    </>
  );
}

export default ThemeSwitcher;