import React from 'react';
import './App.css';
import { Hello, Welcome } from './components/Welcome';
import {
  BrowserRouter as Router,
  Switch,
  Route,
  Link
} from "react-router-dom";




function App() {
  return (
    <div className="App">
      <header className="App-header">
         
      
 

    <Router>
      <div>
        <nav>
          <ul>
            <li>
              <Link to="/">Home</Link>
            </li>
            <li>
              <Link to="/jano">Jano</Link>
            </li>
            <li>
              <Link to="/hello">Hello</Link>
            </li>
          </ul>
        </nav>

        {/* A <Switch> looks through its children <Route>s and
            renders the first one that matches the current URL. */}
        <Switch>
          <Route path="/jano">
            <Welcome  name = "Jano"/>
          </Route>
          <Route path="/hello">
            <Hello name="Dominik"/>
          </Route>
          <Route path="/">
            <Welcome name = "home" />
          </Route>
        </Switch>
      </div>
    </Router>
    </header>
    </div>
  );
}

export default App;