text: import React from 'react';
  import RightContent from '../GlobalHeader/RightContent';
  import BaseMenu from '../SiderMenu/BaseMenu';
  import styles from './index.less';
  import LogoImg from '../LogoImg';
  
  export default class TopNavHeader extends React.PureComponent {
    render() {
      const { theme, contentWidth } = this.props;
      return (
        <div className={`${styles.head} ${theme === 'light' ? styles.light : ''}`}>
          <div
            ref={ref => {
              this.maim = ref;
            }}
            className={`${styles.main} ${contentWidth === 'Fixed' ? styles.wide : ''}`}
          >
            <div className={styles.left}>
              <div className={styles.logo} key="logo" id="logo">
                <LogoImg />
              </div>
              <div
                style={{
                  marginLeft: 55,
                }}
              >
                <BaseMenu {...this.props} style={{ border: 'none', height: 64 }} />
              </div>
            </div>
            <RightContent {...this.props} />
          </div>
        </div>
      );
    }
  }
  