import React, { useEffect } from 'react'
import { BrowserRouter, Route, Redirect, Switch, Link } from 'react-router-dom'
import { ChakraProvider } from '@chakra-ui/react'
import Index from './components/Index'
import DockerContainerCreate from './components/DockerContainerCreate'

const App = () => {
  return (
    <ChakraProvider>
      <BrowserRouter>
        <Switch>
          <Route exact path="/" component={Index}/>
          <Route exact path="/docker/container/create" component={DockerContainerCreate}/>
          <Redirect path="*" to="/"/>
        </Switch>
      </BrowserRouter>
    </ChakraProvider>
  )
}

export default App