'use client';

import { ChakraProvider, createSystem, defaultConfig, Theme } from '@chakra-ui/react';
import { ColorModeProvider, type ColorModeProviderProps } from './color-mode';

export function Provider(props: ColorModeProviderProps) {
  const system = createSystem(defaultConfig, {
    theme: {
      tokens: {}
    }
  });
  return (
    <ChakraProvider value={system}>
      <Theme colorPalette="cyan">
        <ColorModeProvider defaultTheme="dark">{props.children}</ColorModeProvider>
      </Theme>
    </ChakraProvider>
  );
}