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:
    'Barcode is a machine readable code in the form of numbers and a pattern of parallel thick and thin combination of lines. It is printed on each commodity and used especially for stock control',
  title: 'Barcode Icon',
  vectorClassName: 'barcode',
}

class BarcodeIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '27px',
    height: '25px',
    viewBox: '-1 -1 27 25',
    fill: '#000000',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d="M1 0h2v22H1z" />
          <path d="M9 0h2v22H9z" />
          <path d="M12 0h2v22h-2z" />
          <path d="M4 0h3v22H4z" />
          <path d="M15 0h5v22h-5z" />
          <path d="M21 0h3v22h-3z" />
        </g>
      </Vector>
    )
  }
}

export { BarcodeIcon }
export default BarcodeIcon