import React from 'react';
import './style.less'

export default function Header(props) {
  const { name, goto } = props
  return (
    <div className='com-headerBox flex-center-between'>
      <div className="logo-box flex-center-start">
        <img
          className="img-logo"
          src="//pt-starimg.didistatic.com/static/starimg/node/AYdog3q0TQ1612337938928.png"
          onClick={() => goto()}
        />
        <span className="menu">
          质惠·{name}
        </span>
      </div>
      <div className="utils-box flex-center-end">
        <div className="item">
          <i className='iconfont icon'>&#xe60d;</i>
        </div>
        <div className="item">
          <i className='iconfont icon'>&#xe685;</i>
        </div>
        <img
          className="img-avart item"
          src="//pt-starimg.didistatic.com/static/starimg/node/AYdog3q0TQ1612337938928.png"
        />
      </div>
    </div>
  );
}