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>
    );
  };

};