import React from 'react';
import logo from './logo.svg';
import './App.css';
import People from './People';
import {
  HashRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";

function App() {
  return (
    <Router>
    <div>
    <nav>
      <ul>
        <li><Link to="/">Home</Link></li>
        <li><Link to="/people">People</Link></li>
        <li><Link to="/groups">Groups</Link></li>
      </ul>
    </nav>
    
    <Switch>
      <Route exact path="/"><h1>Home</h1></Route>
      <Route exact path="/people"><People /></Route>
      <Route exact path="/groups"><h1>Groups</h1></Route>
    </Switch>
    </div>
  </Router>
  );
}
export default App;
