"use client"

import {
  SegmentedControl,
  useMantineColorScheme,
  type MantineColorScheme,
} from "@mantine/core"

export function ThemeSchemeControl() {
  const { colorScheme, setColorScheme } = useMantineColorScheme()

  return (
    <SegmentedControl
      size="xs"
      value={colorScheme}
      onChange={v => setColorScheme(v as MantineColorScheme)}
      data={[
        { label: "Светлая", value: "light" },
        { label: "Тёмная", value: "dark" },
        { label: "Системная", value: "auto" },
      ]}
    />
  )
}