import React, { Component }         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';
  // 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() {
      const {user} = this.props.data;

      console.log(user);

      if(user){
        return(
          <AuthenticatedNavigation
          data = {this.props.data}
          />
        )
      }else{
        return(
          <Navbar>
            <Navbar.Header>
              <Navbar.Brand>
                <Link to="/">Application Name</Link>
              </Navbar.Brand>
              <Navbar.Toggle />
            </Navbar.Header>
            <Navbar.Collapse>
              <PublicNavigation />
            </Navbar.Collapse>
          </Navbar>
  
        )
      }

      return (
        <div></div>
      );
    };
  
  };