import React from 'react';
import './App.css';
import Home from './Home'
import Quiz from './Quiz'
import End from './End'

import { BrowserRouter as Router, Link, Switch, Route } from 'react-router-dom';

function App() {
  return (
    <Router>
      <header>
        <Link to="/">
          <button className="calcButton">Calculus</button>
        </Link>
      </header>
      <hr />
      <div>
        <Switch>
          <Route exact path="/">
            <Home />
          </Route>
          <Route path="/quiz">
            <Quiz />
          </Route>
          <Route path="/end">
            <End />
          </Route>
        </Switch>
      </div>
    </Router>
  )
}


export default App;