message: use UnderLineNav for main nav
diff: @@ -2,31 +2,30 @@ import React from 'react'
  import PropTypes from 'prop-types'
  import {NavLink} from 'react-router-dom'
  import Styles from './doc-components/Styles'
  +import {UnderlineNav, UnderlineNavItem} from '../src'
  -const Page = ({render}) => (
  +export default function Page({render}) {
  + return (
  <React.Fragment>
  <Styles />
  <div className="text-dark-gray">
  - <nav className="UnderlineNav">
  - <div className="UnderlineNav-body">
  - <NavLink to="/components" className="UnderlineNav-item no-underline" activeClassName="selected">
  - primer-react
  - </NavLink>
  - <NavLink to="/demos" className="UnderlineNav-item no-underline" activeClassName="selected">
  + <UnderlineNav>
  + <UnderlineNavItem tag={NavLink} to="/components">
  + Components
  + </UnderlineNavItem>
  + <UnderlineNavItem tag={NavLink} to="/demos">
  Demos
  - </NavLink>
  - <NavLink to="/sandbox" className="UnderlineNav-item no-underline" activeClassName="selected">
  + </UnderlineNavItem>
  + <UnderlineNavItem tag={NavLink} to="/sandbox">
  Sandbox
  - </NavLink>
  - </div>
  - </nav>
  + </UnderlineNavItem>
  + </UnderlineNav>
  {render()}
  </div>
  </React.Fragment>
  )
  +}
  Page.propTypes = {
  render: PropTypes.func
  }
  -
  -export default Page
  