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

function GIcon(props) {
  const { className, active, name, noHover, onClick, children, onHover } = props;
  return (
    <div
      className={`icon ${className || ''} ${name} ${active ? 'active' : ''} ${noHover ? 'no' : ''}`}
      onClick={() => onClick && onClick()}
      onMouseEnter={() => onHover && onHover(true)}
      onMouseLeave={() => onHover && onHover(false)}
    >
      {children}
    </div>
  );
}
GIcon.propTypes = {};
export default GIcon;
export const Icon = GIcon;