text: /* eslint-disable */
  import React from 'react';
  import { Link } from 'react-router-dom';
  import './TopNavigation.css';
  
  const TopNavigation = ({authenticated, signOut}) => (
    <nav className='TopNavigation'>
        {authenticated === true ? (
          <div className='nav-wrapper'>
            <Link to={{ pathname: '/portfolio' }} className='brand-logo'>
              <i className='material-icons prefix'>show_chart</i>
              RobInvest
            </Link>
            <ul id='nav-mobile' className='right hide-on-med-and-down'>
              <li><Link to={{ pathname: '/portfolio' }}>Portfolio</Link></li>
              <li><Link to={{ pathname: '/transactions' }}>Transactions</Link></li>
              <li><Link to={{ pathname: '/' }} onClick={signOut}>Sign Out</Link></li>
            </ul>
          </div>
        ) : (
          <div className='nav-wrapper'>
            <Link to={{ pathname: '/' }} className='brand-logo'>
              <i className='material-icons prefix'>show_chart</i>
              RobInvest
            </Link>
            <ul id='nav-mobile' className='right hide-on-med-and-down'>
              <li><Link to={{ pathname: '/login' }}>Login</Link></li>
              <li><Link to={{ pathname: '/register' }}>Register</Link></li>
            </ul>
          </div>
        )}
    </nav>
  );
  
  export default TopNavigation;
  