import { useTranslation } from 'next-i18next'
import { useTheme } from 'next-themes'
import ThemesIcon from './icons/ThemesIcon'
import { THEMES } from './settings/DisplaySettings'
import { LinkButton } from './shared/Button'
import IconDropMenu from './shared/IconDropMenu'
const ThemeSwitcher = () => {
const { t } = useTranslation('settings')
const { theme, setTheme } = useTheme()
return (
}
panelClassName="rounded-t-none"
>
{THEMES.map((value) => (
setTheme(t(value))}
key={value}
>
{t(value)}
))}
)
}
export default ThemeSwitcher