import { React } from 'react'
import { render } from 'react-dom'
import { Router, Link } from '@reach/router'

import { hot } from 'react-hot-loader'
//

import './app.css'

const Home = () => <div>Home</div>
const Dash = () => <div>Dash</div>

const App = () => (
  <Router>
    <div>
      <nav>
        <Link exact to="/">
          Home
        </Link>
        <Link to="/about">About</Link>
        <Link to="/blog">Blog</Link>
      </nav>
      <div className="content">
        <Home path="/" />
        <About path="about" />
        <Blog path="/blog" />
      </div>
    </div>
  </Router>
)

export default hot(module)(App)
