import React, { Component } from 'react';
import ReactRouter, { BrowserRouter, Route, Switch } from 'react-router-dom';
import People from './People';
import Pet from './Pet';

class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <div className='container'>
          <h4 className="header">DAA Example</h4>
          <Switch>
            <Route exact path='/DAAExample/people' component={People} />
            <Route exact path='/DAAExample/pet' component={Pet} />
            <Route render={function () {
              return <p>Not Found</p>
            }} />
          </Switch>
        </div>
      </BrowserRouter>
    )
  }
}

module.exports = App;