import React, { Component } from 'react';
import './App.css';
import NavBar from './components/navbar/navbar';
import { BrowserRouter, Switch, Route } from 'react-router-dom';
import Home from './components/home/home';
import About from './components/about/about';

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className="App">
            <NavBar brand="MyBrand"/>
            <Switch>
              <Route component={Home} path="/" exact />
              <Route component={About} path="/about" exact />
            </Switch>
        </div>
      </BrowserRouter>
    );
  }
}

export default App;