pendantator/web/src/components/ThemeChanger/ThemeChanger.tsx

30 lines
980 B
TypeScript

const ThemeChanger = () => {
return (
<details>
<summary>Themes</summary>
<ul>
<li>
<label className="label cursor-pointer gap-4">
<span className="label-text">Dark</span>
<input type="radio" name="theme-radios" className="radio theme-controller" value="dark" />
</label>
</li>
<li>
<label className="label cursor-pointer gap-4">
<span className="label-text">Light</span>
<input type="radio" name="theme-radios" className="radio theme-controller" value="light" />
</label>
</li>
<li>
<label className="label cursor-pointer gap-4">
<span className="label-text">Cupcake</span>
<input type="radio" name="theme-radios" className="radio theme-controller" value="cupcake" />
</label>
</li>
</ul>
</details>
)
}
export default ThemeChanger