text: import React, { Component } from "react";
  import { Link, NavLink } from "react-router-dom";
  import {
    Badge,
    UncontrolledDropdown,
    DropdownItem,
    DropdownMenu,
    DropdownToggle,
    Nav,
    NavItem
  } from "reactstrap";
  import PropTypes from "prop-types";
  
  import {
    AppAsideToggler,
    AppNavbarBrand,
    AppSidebarToggler
  } from "@coreui/react";
  import logo from "../../assets/img/brand/logo.svg";
  import sygnet from "../../assets/img/brand/sygnet.svg";
  
  const propTypes = {
    children: PropTypes.node
  };
  
  const defaultProps = {};
  
  class DefaultHeader extends Component {
    render() {
      // eslint-disable-next-line
      const { children, ...attributes } = this.props;
  
      return (
        <React.Fragment>
          {/* <AppSidebarToggler className="d-lg-none" display="md" mobile /> */}
          <AppNavbarBrand
            full={{ src: logo, width: 89, height: 25, alt: "CoreUI Logo" }}
            minimized={{ src: sygnet, width: 30, height: 30, alt: "CoreUI Logo" }}
          />
          {/* <AppSidebarToggler className="d-md-down-none" display="lg" /> */}
  
          <Nav className="d-md-down-none" navbar>
            <NavItem className="px-3">
              <NavLink to="/dashboard" className="nav-link">
                Dashboard
              </NavLink>
            </NavItem>
            <NavItem className="px-3">
              <Link to="/users" className="nav-link">
                Users
              </Link>
            </NavItem>
            <NavItem className="px-3">
              <NavLink to="#" className="nav-link">
                Settings
              </NavLink>
            </NavItem>
          </Nav>
          <Nav className="ml-auto" navbar>
            <NavItem className="d-md-down-none">
              <NavLink to="#" className="nav-link">
                <i className="icon-bell"></i>
                <Badge pill color="danger">
                  5
                </Badge>
              </NavLink>
            </NavItem>
            <NavItem className="d-md-down-none">
              <NavLink to="#" className="nav-link">
                <i className="icon-list"></i>
              </NavLink>
            </NavItem>
            <NavItem className="d-md-down-none">
              <NavLink to="#" className="nav-link">
                <i className="icon-location-pin"></i>
              </NavLink>
            </NavItem>
            <UncontrolledDropdown nav direction="down">
              <DropdownToggle nav>
                <img
                  src={"../../assets/img/avatars/6.jpg"}
                  className="img-avatar"
                  alt="admin@bootstrapmaster.com"
                />
              </DropdownToggle>
              <DropdownMenu right>
                <DropdownItem header tag="div" className="text-center">
                  <strong>Account</strong>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-bell-o"></i> Updates
                  <Badge color="info">42</Badge>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-envelope-o"></i> Messages
                  <Badge color="success">42</Badge>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-tasks"></i> Tasks
                  <Badge color="danger">42</Badge>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-comments"></i> Comments
                  <Badge color="warning">42</Badge>
                </DropdownItem>
                <DropdownItem header tag="div" className="text-center">
                  <strong>Settings</strong>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-user"></i> Profile
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-wrench"></i> Settings
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-usd"></i> Payments
                  <Badge color="secondary">42</Badge>
                </DropdownItem>
                <DropdownItem>
                  <i className="fa fa-file"></i> Projects
                  <Badge color="primary">42</Badge>
                </DropdownItem>
                <DropdownItem divider />
                <DropdownItem>
                  <i className="fa fa-shield"></i> Lock Account
                </DropdownItem>
                <DropdownItem onClick={e => this.props.onLogout(e)}>
                  <i className="fa fa-lock"></i> Logout
                </DropdownItem>
              </DropdownMenu>
            </UncontrolledDropdown>
          </Nav>
          <AppAsideToggler className="d-md-down-none" />
          {/*<AppAsideToggler className="d-lg-none" mobile />*/}
        </React.Fragment>
      );
    }
  }
  
  DefaultHeader.propTypes = propTypes;
  DefaultHeader.defaultProps = defaultProps;
  
  export default DefaultHeader;
  