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>

        )

    };
  
  };