'use client';
import { FC } from 'react';
import { setCookie } from 'cookies-next';
import { useTheme } from 'next-themes';
import { resolveColor } from '@/utils/colorPalette';
import { ThemeSwitcherProps } from '.';
enum Theme {
Light = 'light',
Dark = 'dark',
}
const SunIcon = () => (
);
const MoonIcon = () => (
);
export const ThemeSwitcher: FC = ({ iconColor, onChange }) => {
const { setTheme, resolvedTheme } = useTheme();
const toggleTheme = () => {
const theme = resolvedTheme === Theme.Dark ? Theme.Light : Theme.Dark;
setTheme(theme);
setCookie('theme', theme);
onChange?.(theme);
};
const icon = resolveColor(iconColor, 'text');
return (
);
};