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 Help from "./Help.js";
import Settings from "./Settings.js";

import Navigation from "./Navigation.js";
import Footer from "./Footer.js";
import Error404 from "./Error404.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="/subtraktion" component={Subtraction} />
          <Route path="/hilfe" component={Help} />
          <Route path="/einstellungen" component={Settings} />
          <Route component={Error404} />
        </Switch>
      </BrowserRouter>

      <Footer/>

    </div>
  );
}

export default App;