text: import React, { Component } from 'react';
  import { DropdownMenu, DropdownToggle, Nav } from 'reactstrap';
  import { connect } from 'react-redux';
  import PropTypes from 'prop-types';
  import { AppAsideToggler, AppHeaderDropdown, AppNavbarBrand, AppSidebarToggler } from '@coreui/react';
  
  import DefaultHeaderDropdown  from './DefaultHeaderDropdown'
  
  import authAction from '../../redux/auth/actions'
  
  import logo from '../../assets/img/brand/logo.svg'
  import sygnet from '../../assets/img/brand/sygnet.svg'
  import avatar from '../../assets/img/avatars/6.jpg'
  
  const propTypes = {
    children: PropTypes.node,
  };
  
  const defaultProps = {};
  
  class DefaultHeader extends Component {
  
    logout() {
      this.props.logout()
    }
  
    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="ml-auto" navbar>
            <DefaultHeaderDropdown onLogout={this.logout.bind(this)} accnt/>
          </Nav>
          <AppAsideToggler className="d-md-down-none" />
          {/*<AppAsideToggler className="d-lg-none" mobile />*/}
        </React.Fragment>
      );
    }
  }
  
  DefaultHeader.propTypes = propTypes;
  DefaultHeader.defaultProps = defaultProps;
  
  export default connect(
    state => ({
      isLoggedIn: state.Auth.idToken !== null ? true : false
    }),
    { logout: authAction.logout }
  )(DefaultHeader);
  