import { extendTheme, space } from '@chakra-ui/react'
import { StepsStyleConfig as Steps } from 'chakra-ui-steps'
import { Button } from './components/button'
import { headingStyles } from './components/heading'
import { Input } from './components/input'
import { linkStyles } from './components/link'
import colors from './foundations/colors'
import { fonts } from './foundations/fonts'
import { globalStyles } from './styles'
// import { mode } from "@chakra-ui/theme-tools";

export default extendTheme(
  {
    components: {
      Button,
      Steps,
      Input,
    },
    config: {
      initialColorMode: 'light',
    },
  }, // Breakpoints
  globalStyles, // Global styles
  space,
  { fonts, colors },
  headingStyles, // input styles
  linkStyles, // Link styles
)