content: import React from 'react';
  import { Button } from 'att-iot-ui/lib/button';
  import { ListDivider } from 'att-iot-ui/lib/list';
  import Icon from 'att-iot-ui/lib/icon';
  import ProfileMenu from './profileMenu';
  
  import classnames from 'classnames';
  
  // style
  import styles from './style.scss';
  import index from '../../../index.scss';
  import app from '../../../app.scss';
  
  export default (props) => (
      <header className={classnames(styles.siteHead,app.siteHead)}>
          <div className={classnames(app.appWrapperContainer)}>
              <div className={classnames(index.dFlex, index.justifyContentStart)}>
                  <div className={classnames(index.p2,  index.mrAuto)}>
                      <a href="/"><Icon name='att-logo' att width={36} height={36} /> </a> <i className={classnames(index.fa, index.faBars)} aria-hidden="true"></i>  |  IoT Marketplace
                  </div>
                  <div className={classnames(index.p2)}>
                      <ProfileMenu />
                  </div>
              </div>
          </div>
      </header>
  );
  