import React from 'react'
import {
  ChakraProvider, ColorModeScript,
} from '@chakra-ui/react'
import { theme } from './theme'
import { Layout } from './components'
import { Outlet } from 'react-router-dom'
import { AppContextProvider } from './AppContext'

function App() {

  return (
    <ChakraProvider theme={theme}>
      <AppContextProvider>
        <ColorModeScript initialColorMode={theme.config.initialColorMode} />
        <Layout>
          <Outlet />
        </Layout>
      </AppContextProvider>
    </ChakraProvider >
  )
}

export default App