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: 'Subscription Icon',
  title: 'Subscription Icon',
  vectorClassName: 'subscription',
}

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

  render() {
    const { stroke, fill } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <g
          stroke="none"
          strokeWidth="1"
          fill={fill}
          fillRule="evenodd"
          strokeLinecap="round"
          strokeLinejoin="round"
        >
          <g transform="translate(-2.000000, -1.000000)" stroke={stroke}>
            <path
              d="M15.197865,2.68581267 C21.3684764,2.68204332 26.5910401,7.24185388 27.4195993,13.356586 C28.2481586,19.4713181 24.4273665,25.2565226 18.4782616,26.8950007 C12.5291567,28.5334788 6.28514488,25.5202812 3.86615561,19.8435788 C1.44716635,14.1668764 3.59868815,7.57612549 8.90110193,4.42004132"
              strokeWidth="1.5"
            />
            <polyline points="3.53636364 4.67520661 9.89132231 3.42982094 9.30936639 9.87789256" />
            <polyline
              strokeWidth="1.5"
              points="11.1590909 20.1212121 16.280303 16.280303 16.280303 8.59848485"
            />
          </g>
        </g>
      </Vector>
    )
  }
}

export { SubscriptionIcon }
export default SubscriptionIcon