import React from 'react'
import { DefaultProps } from 'icons/typings'
import Vector from 'atoms/Vector'
import { fromPropsToIdentifier } from 'atoms/Icons/deps'

const wording = {
  description: 'Close icon',
  title: 'Close Icon',
  vectorClassName: 'closeicon',
}

class CloseIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '20px',
    height: '20px',
    viewBox: '0 0 16 16',
    fill: '#000000',
  }

  render() {
    const identifier = fromPropsToIdentifier(this.props)
    return (
      <Vector {...this.props} {...wording} namespace={identifier}>
        <g fillRule={'evenodd'}>
          <path d={'M8 0c-4.4 0-8 3.6-8 8s3.6 8 8 8 8-3.6 8-8-3.6-8-8-8zM12.2 10.8l-1.4 1.4-2.8-2.8-2.8 2.8-1.4-1.4 2.8-2.8-2.8-2.8 1.4-1.4 2.8 2.8 2.8-2.8 1.4 1.4-2.8 2.8 2.8 2.8z'} />
        </g>
      </Vector>
    )
  }
}

export { CloseIcon }
export default CloseIcon