import React                        from 'react';
import { Navbar }                   from 'react-bootstrap';
import { Link }                     from 'react-router';
import PublicNavigation             from './PublicNavigation.js';
import AuthenticatedNavigation      from './AuthenticatedNavigation.js';
import '/imports/client/assets/css/icons/icomoon/styles.css';
import '/imports/client/assets/css/bootstrap.css';
import '/imports/client/assets/css/core.css';
import '/imports/client/assets/css/components.css';
import '/imports/client/assets/css/colors.css';
const renderNavigation = hasUser => (hasUser ? <AuthenticatedNavigation /> : <PublicNavigation />);
console.log(React.PropTypes);
const AppNavigation = ({ hasUser }) => (
  <Navbar className="navbar-inverse bg-crimson">
    <Navbar.Header>
      <Navbar.Brand>
        <Link to="/">Home</Link>
      </Navbar.Brand>
      <Navbar.Toggle />
    </Navbar.Header>
    <Navbar.Collapse>
      { renderNavigation(hasUser) }
    </Navbar.Collapse>
  </Navbar>
);

AppNavigation.propTypes = {
  hasUser: React.PropTypes.object,
};

export default AppNavigation;