import React from 'react'
import { hot } from 'react-hot-loader'
import { Router, Link } from '@reach/router'
//
import Routes from 'react-static-routes'

import './app.css'

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

export default hot(module)(App)
