28 lines
572 B
TypeScript
28 lines
572 B
TypeScript
|
// components/theme/themeSwitch.tsx
|
||
|
|
import React from 'react';
|
||
|
|
|
||
|
|
interface ThemeSwitchProps {
|
||
|
|
currentTheme: string;
|
||
|
|
availableThemes: string[];
|
||
|
|
onThemeChange: (themeName: string) => void;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const ThemeSwitch: React.FC<ThemeSwitchProps> = ({
|
||
|
|
currentTheme,
|
||
|
|
availableThemes,
|
||
|
|
onThemeChange
|
||
|
|
}) => {
|
||
|
|
return (
|
||
|
|
<select
|
||
|
|
value={currentTheme}
|
||
|
|
onChange={(e) => onThemeChange(e.target.value)}
|
||
|
|
>
|
||
|
|
{availableThemes.map(theme => (
|
||
|
|
<option key={theme} value={theme}>
|
||
|
|
{theme}
|
||
|
|
</option>
|
||
|
|
))}
|
||
|
|
</select>
|
||
|
|
);
|
||
|
|
};
|