import { AiOutlineControl } from 'react-icons/ai'; import { skeleton } from '../../helpers/utils'; import config from '../../ezprofile.config'; const ThemeChanger = ({ theme, setTheme, loading }) => { const changeTheme = (e, selectedTheme) => { e.preventDefault(); document.querySelector('html').setAttribute('data-theme', selectedTheme); localStorage.setItem('ezprofile-theme', selectedTheme); setTheme(selectedTheme); }; return (
{loading ? ( skeleton({ width: 'w-20', height: 'h-8', className: 'mb-1' }) ) : ( Theme )}
{loading ? skeleton({ width: 'w-16', height: 'h-5' }) : theme === config.themeConfig.default ? 'Default' : theme}
{loading ? ( skeleton({ width: 'w-14 md:w-28', height: 'h-10', className: 'mr-6', }) ) : (
Change Theme
)}
); }; export default ThemeChanger;