/* eslint-disable react/jsx-props-no-spreading */
/* eslint-disable react/forbid-prop-types */
/* eslint-disable react/static-property-placement */
/* eslint-disable react/prefer-stateless-function */
import React from 'react';
import classnames from 'classnames';
import PropTypes from 'prop-types';

import './style/index.scss';

const { Component } = React;

export default class EwtIcon extends Component<any, any> {
  static displayName = 'ewt-icon';

  static propTypes = {
    type: PropTypes.string,
    style: PropTypes.object,
    className: PropTypes.string,
    prefixCls: PropTypes.string,
  };

  static defaultProps = {
    type: '',
    style: {},
    className: '',
    prefixCls: 'ewt-icon',
  };

  render() {
    const {
      type,
      style,
      className,
      prefixCls,
      ...others
    } = this.props;

    return (
      <i
        className={classnames({ [`${prefixCls}`]: true }, 'icon iconfont-ewt', { [`icon-ewt-${type}`]: !!type }, { [className]: !!className })}
        style={style}
        {...others}
      />
    );
  }
}