import React, { PureComponent, memo } from 'react';
import { withRouter } from 'react-router-dom';
import { LinkContainer } from 'react-router-bootstrap'
import { connect } from 'react-redux';
import { Nav, Navbar, NavDropdown } from 'react-bootstrap';
import { library } from '@fortawesome/fontawesome-svg-core';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { fas } from '@fortawesome/free-solid-svg-icons';
library.add(fas);

import { SiteRutas } from '../../../request/RutasConfig';
import { Notificacion } from '../../Util/Notificacion/Notificacion';


 function Menu() {
  return (
    <div className="content menu2">
    <Navbar collapseOnSelect={true} expand="lg">
        <LinkContainer to={SiteRutas.Home}><Navbar.Brand >LDAFAS RH</Navbar.Brand></LinkContainer>
        <Navbar.Toggle aria-controls="menuExpress" />
        <Navbar.Collapse id="menuExpress">
            <Nav className="mr-auto">
                {
                    htmlMenu
                }
            </Nav>
            {this.props.children}
        </Navbar.Collapse>
    </Navbar>
</div>
  );
};
export default withRouter(memo(Menu))