import React, { Suspense } from 'react'
import NavBar from './NavigationBar'
import Home from './Home'
import Overview from './Overview'
import About from './About'
import { BrowserRouter as Router, Switch, Route } from 'react-router-dom'

function App() {

  return (
    <>
      <NavBar/>
      <Router>
        <Suspense fallback={<div>Loading...</div>}>
          <Switch>
            <Route path="/" exact>
              <div className="p-3"><Home></Home></div>
            </Route>
            <Route path="/overview">
              <div className="p-3"><Overview></Overview></div>
            </Route>
            <Route path="/about" component={About}></Route>
          </Switch>
        </Suspense>
      </Router>
    </>
  )
}

export default App;