text: import React from 'react';
  import { connect } from 'react-redux';
  import { toggleMobileNavVisibility } from '../../reducers/Layout';
  import { Navbar, Nav, NavItem, NavDropdown, MenuItem, FormGroup, FormControl } from 'react-bootstrap';
  
  
  
  import { Link, withRouter } from 'react-router-dom';
  
  
  const Header = ({
    showMobileMenu,
    toggleMobileNavVisibility
  }) => (
      <Navbar fluid={true}>
        <Navbar.Header>
          <button type="button" className="navbar-toggle" data-toggle="collapse" onClick={toggleMobileNavVisibility}>
            <span className="sr-only">Toggle navigation</span>
            <span className="icon-bar"></span>
            <span className="icon-bar"></span>
            <span className="icon-bar"></span>
          </button>
        </Navbar.Header>
  
        <Navbar.Collapse>
  
          
          <Nav pullRight>
           
          <NavItem>Home</NavItem>
            <NavDropdown title="Dropdown" id="right-nav-bar">
              <MenuItem>Action</MenuItem>
              <MenuItem>Another action</MenuItem>
              <MenuItem>Something else here</MenuItem>
              <MenuItem divider />
              <MenuItem>About</MenuItem>
            </NavDropdown>
            <NavItem>Statistics</NavItem>
            <NavItem><Link to="#" >Logout</Link></NavItem>
            {/* <NavItem><Link to="/signup" >Sign Up</Link></NavItem> */}
            
          </Nav>
        </Navbar.Collapse>
      </Navbar>
   
  
  
  
  
  
    );
  
  const mapDispatchToProp = dispatch => ({
    toggleMobileNavVisibility: () => dispatch(toggleMobileNavVisibility())
  });
  
  export default connect(null, mapDispatchToProp)(Header);