"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>
    )
}