import React from 'react';
  import { Navbar, Nav, NavItem, NavDropdown, MenuItem } from 'react-bootstrap';

  import { Link } from 'react-router';

  import { PublicNavigation } from './public-navigation';
  import { AuthenticatedNavigation } from './authenticated-navigation';
  
  export class AppNavigation extends React.Component {

    renderNavigation( hasUser ) {
      return hasUser ? <AuthenticatedNavigation /> : <PublicNavigation />;

    }
  
    render() {
      return <Navbar>
        <Navbar.Header>
          <Navbar.Brand>

            <Link to="/">Application Name</Link>

          </Navbar.Brand>

          <Navbar.Toggle />

        </Navbar.Header>

        <Navbar.Collapse>

          { this.renderNavigation( this.props.hasUser ) }

        </Navbar.Collapse>

      </Navbar>;
    }
  }