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:
    'a bag with a dollar symbol inside it - representing money to be transacted for purchasing an item in a bag',
  title: 'Sales Icon',
  vectorClassName: 'salesicon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d="M23.68 26.92H5.83c-1.1 0-1.95-.96-1.82-2.05l2-15.75c.1-.9.89-1.59 1.81-1.59h13.87c.93 0 1.7.68 1.82 1.6l1.99 15.74a1.82 1.82 0 0 1-1.82 2.05zM9.87 6.93a4.87 4.87 0 0 1 4.89-4.85c2.7 0 4.89 2.17 4.89 4.85" />
          <path d="M16.97 14.25s-.54-1.1-1.89-1.12c-2.13-.03-3.04 2.96-.53 3.81 3.88 1.33 2.48 4.42.57 4.44-1.6.01-2.24-1.08-2.31-1.24M15 11.78l.06 10.98" />
        </g>
      </Vector>
    )
  }
}

export { SalesIcon }
export default SalesIcon