import React from 'react';
import classnames from 'classnames';

export default props => {
  const {
    icon: Component,
    prefixCls = 'baas-icon',
    className,
    showHover = false,
    wrapperStyle = {},
    ...restProps
  } = props;
  const cls = classnames(`${prefixCls}`, className, {
    [`${prefixCls}-show-hover`]: showHover,
  });
  const iconProps = {
    // className: classnames(`${prefixCls}`, className),
    width: '1em',
    height: '1em',
    fill: '#999',
    viewBox: '0 0 1024 1024',
    fontSize: 20,
    ...restProps,
  };
  if (Component) {
    return (
      <span className={cls} style={{ ...wrapperStyle }}>
        <Component {...iconProps} />
      </span>
    );
  }
  return null;
};