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

interface Props extends DefaultProps {
  type: string
}

const wording = {
  description: 'A icon, representing plus button.',
  title: 'Plus icon',
}

class PlusIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '21px',
    height: '21px',
    viewBox: '-1 -1 21 21',
    fill: '#1e1e1e',
  }
  render() {
    const { type, fill, ...remainingProps } = this.props
    return (
      <Vector {...this.props} {...wording} stroke="none">
        <g>
          <circle
            stroke={fill}
            strokeWidth="1"
            cx="9.5"
            cy="9.5"
            r="10"
            fill="none"
          />
          <rect x="4" y="9" width="11" height="1" />
          <rect
            transform="translate(9.500000, 9.500000) rotate(90.000000) translate(-9.500000, -9.500000) "
            x="4"
            y="9"
            width="11"
            height="1"
          />
        </g>
      </Vector>
    )
  }
}

export { PlusIcon }
export default PlusIcon