index.js 538 B

12345678910111213141516171819
  1. import React from 'react';
  2. import './index.less';
  3. function GIcon(props) {
  4. const { className, active, name, noHover, onClick, children, onHover } = props;
  5. return (
  6. <div
  7. className={`icon ${className || ''} ${name} ${active ? 'active' : ''} ${noHover ? 'no' : ''}`}
  8. onClick={() => onClick && onClick()}
  9. onMouseEnter={() => onHover && onHover(true)}
  10. onMouseLeave={() => onHover && onHover(false)}
  11. >
  12. {children}
  13. </div>
  14. );
  15. }
  16. GIcon.propTypes = {};
  17. export default GIcon;
  18. export const Icon = GIcon;