import React from 'react'
import { BrowserRouter, Route, Switch } from 'react-router-dom'

import { About } from './pages/About'
import { Navbar } from './components/Navbar'
import { Home } from './pages/Home'
import { ROUTE_PATHS } from './constants/routePaths'

const App: React.FC = () => (
  <BrowserRouter>
    <Navbar />
    <Switch>
      <Route path={ROUTE_PATHS.home} component={Home} exact />
      <Route path={ROUTE_PATHS.about} component={About} />
    </Switch>
  </BrowserRouter>
)

export default App