19 lines
585 B
TypeScript
19 lines
585 B
TypeScript
"use client"
|
|
|
|
import { Button, Group, useMantineColorScheme } from "@mantine/core"
|
|
|
|
export function ColorSchemesSwitcher() {
|
|
const { setColorScheme, clearColorScheme } = useMantineColorScheme()
|
|
|
|
return (
|
|
<Group>
|
|
<Button variant={"filled"} onClick={() => setColorScheme("light")}>
|
|
Light
|
|
</Button>
|
|
<Button onClick={() => setColorScheme("dark")}>Dark</Button>
|
|
<Button onClick={() => setColorScheme("auto")}>Auto</Button>
|
|
<Button onClick={clearColorScheme}>Clear</Button>
|
|
</Group>
|
|
)
|
|
}
|