import React from 'react'
import { RouteData, Link } from 'react-static'
import { Navbar, NavbarBrand, Nav, NavItem, NavLink } from 'reactstrap'

export default () => (
  <RouteData
    render={() => (
      <Navbar>
        <NavbarBrand href="/">Gentics Mesh Demo</NavbarBrand>
        <Nav>
          <NavItem>
            <NavLink>
              <Link href="/automobiles">Automobiles</Link>
            </NavLink>
          </NavItem>
          <NavItem>
            <NavLink>
              <Link href="/yachts">Yachts</Link>
            </NavLink>
          </NavItem>
          <NavItem>
            <NavLink>
              <Link href="/aircrafts">Aircraft</Link>
            </NavLink>
          </NavItem>
        </Nav>
      </Navbar>
    )}
  />
)
