// ** MUI Imports import { PaletteMode } from '@mui/material' import IconButton from '@mui/material/IconButton' // ** Icons Imports import WeatherNight from 'mdi-material-ui/WeatherNight' import WeatherSunny from 'mdi-material-ui/WeatherSunny' // ** Type Import import { Settings } from '../core/context/settingsContext' interface Props { settings: Settings saveSettings: (values: Settings) => void } const ModeToggler = (props: Props) => { // ** Props const { settings, saveSettings } = props const handleModeChange = (mode: PaletteMode) => { saveSettings({ ...settings, mode }) } const handleModeToggle = () => { if (settings.mode === 'light') { handleModeChange('dark') } else { handleModeChange('light') } } return ( {settings.mode === 'dark' ? : } ) } export default ModeToggler