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

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

const wording = {
  description:
    'Dollar symbal inside double bordered circle. The closest box has an arrow facing south',
  title: 'Sale Discont Icon',
  vectorClassName: 'saledisouticon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path
            d="M24.71 16.18s-.86-1.79-3.01-1.81c-3.4-.04-4.85 4.76-.85 6.13 6.19 2.13 3.95 7.1.9 7.13-2.53.02-3.56-1.49-3.97-1.99M22 12v18m13-1v11m5-5l-5 5-5-5m12.69-9.5A21 21 0 1 0 25.5 42.69M38.58 22A16.58 16.58 0 1 0 22 38.58"
            strokeLinecap="round"
          />
        </g>
      </Vector>
    )
  }
}

export { SaleDiscountsIcon }
export default SaleDiscountsIcon