import React, { Component }         from 'react';
import { Navbar }                   from 'react-bootstrap';
import { Link }                     from 'react-router';
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';
// import '/imports/client/assets/css/colors.css';
export class AppNavigation extends Component {

  constructor(props) {
    super(props);
    this.state = {

    };
  };

  onUpdate(key, value) {
    this.setState({[key]: value});
  };
  render() {
      return(
        <Navbar>
          <Navbar.Header>
            <Navbar.Brand>
              <Link to="/">YoungDesk</Link>
            </Navbar.Brand>
            <Navbar.Toggle />
          </Navbar.Header>
          <Navbar.Collapse>
          <AuthenticatedNavigation
          />
          </Navbar.Collapse>
        </Navbar>
      )
  };

};