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

import Home from "./Home.js";
import Addition from "./Addition.js";
import Subtraction from "./Subtraction.js";

import Navigation from "./Navigation.js";
import Footer from "./Footer.js";
import Error from "./Error.js";

import "bootstrap/dist/css/bootstrap.min.css";
import "./App.css";

function App() {
  return (
    <div id="wrapper">

      <BrowserRouter>
        <Navigation />
        <Switch>
          <Route exact path="/" component={Home} />
          <Route path="/addition" component={Addition} />
          <Route path="/subtraction" component={Subtraction} />
          <Route component={Error} />
        </Switch>
      </BrowserRouter>

      <Footer/>

    </div>
  );
}

export default App;