text: import { Component } from 'react'
  import Navbar from 'react-bootstrap/Navbar'
  import Nav from 'react-bootstrap/Nav'
  import Form from 'react-bootstrap/Form'
  import NavDropdown from 'react-bootstrap/NavDropdown'
  import FormControl from 'react-bootstrap/FormControl'
  import Button from 'react-bootstrap/Button'
  import Container from 'react-bootstrap/Container'
  import { ReactComponent as TrekkinImg } from '../../assets/trekking.svg'
  import UserSessionWidget from './UserSessionWidget'
  import { connect } from 'react-redux'
  import NavBarPrivate from './NavBarPrivate'
  
  class TopMenu extends Component {
    render() {
      let navBarPrivate = <NavBarPrivate />
      let navBarPublic = (
        <Navbar sticky="top" bg="light" expand="lg">
          <Navbar.Brand href="#home">
            <TrekkinImg
              width="50"
              height="50"
              alt="trecking"
              className="navbar-brand"
            />
          </Navbar.Brand>
          <Navbar.Toggle aria-controls="basic-navbar-nav" />
          <Navbar.Collapse id="basic-navbar-nav">
            <Nav className="mr-auto">
              <Nav.Link href="#home" disabled>
                Home
              </Nav.Link>
              <Nav.Link href="#link" disabled>
                Kontakt
              </Nav.Link>
              <Nav.Link href="#link" disabled>
                Über uns
              </Nav.Link>
              <NavDropdown title="Blogs" id="basic-nav-dropdown">
                <NavDropdown.Item disabled href="#action/3.1">
                  Berlin
                </NavDropdown.Item>
                <NavDropdown.Item disabled href="#action/3.2">
                  Hamburg
                </NavDropdown.Item>
                <NavDropdown.Divider />
                <NavDropdown.Item disabled href="#action/3.4">
                  Wien
                </NavDropdown.Item>
              </NavDropdown>
            </Nav>
            <Form inline>
              <UserSessionWidget></UserSessionWidget>
            </Form>
          </Navbar.Collapse>
        </Navbar>
      )
  
      return this.props.user ? navBarPrivate : navBarPublic
    }
  }
  const mapStateToProps = (state) => state.authentication
  
  const ConnectedTopMenu = connect(mapStateToProps)(TopMenu)
  
  export default ConnectedTopMenu
  