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

// extending interface from Label component
interface Props extends DefaultProps {}

const wording = {
  description: 'Success icon',
  title: 'Success Icon',
  vectorClassName: 'success',
}

class SuccessIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '42px',
    height: '42px',
    viewBox: '0 0 42 42',
    stroke: '#000000',
    fill: 'none',
  }

  render() {
    const { stroke } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <g>
            <circle cx="21" cy="21" r="20" fill="none" stroke={stroke} />
            <polyline
              stroke={stroke}
              fill="none"
              points="11.91 22.82 17.36 28.27 31.91 15.54"
            />
          </g>
        </g>
      </Vector>
    )
  }
}

export { SuccessIcon }
export default SuccessIcon