text: import React from 'react'
  import { Link } from 'react-router-dom'
  import * as ROUTES from './../../constants/routes'
  import SignOutButton from './../SignOut'
  import { AuthUserContext } from './../Session'
  
  const Navigation = () => (
      <nav>
          <AuthUserContext.Consumer>
              {authUser =>
                  authUser ? <NavigationAuth /> : <NavigationNonAuth />
              }
          </AuthUserContext.Consumer>
      </nav>
  )
  
  const NavigationAuth = () => (
      <ul>
          <li><Link to={ROUTES.SIGN_IN}>Sign In</Link></li>
          <li><Link to={ROUTES.LANDING}>Landing</Link></li>
          <li><Link to={ROUTES.HOME}>Home</Link></li>
          <li><Link to={ROUTES.ACCOUNT}>Account</Link></li>
          <li><SignOutButton /></li>
      </ul>
  )
  
  const NavigationNonAuth = () => (
      <ul>
          <li><Link to={ROUTES.LANDING}>Landing</Link></li>
          <li><Link to={ROUTES.SIGN_IN}>Sign In</Link></li>
  
      </ul>
  )
  
  export default Navigation