UNPKG

materio-mui-react-nextjs-admin-template-free

Version:

Most Powerful & Comprehensive Free MUI React NextJS Admin Dashboard Template built for developers! 🚀

31 lines (24 loc) • 729 B
import IconButton from '@mui/material/IconButton' // ** Icons Imports import WeatherNight from 'mdi-material-ui/WeatherNight' import WeatherSunny from 'mdi-material-ui/WeatherSunny' const ModeToggler = props => { // ** Props const { settings, saveSettings } = props const handleModeChange = mode => { saveSettings({ ...settings, mode }) } const handleModeToggle = () => { if (settings.mode === 'light') { handleModeChange('dark') } else { handleModeChange('light') } } return ( <IconButton color='inherit' aria-haspopup='true' onClick={handleModeToggle}> {settings.mode === 'dark' ? <WeatherSunny /> : <WeatherNight />} </IconButton> ) } export default ModeToggler