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

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<DefaultProps> {
  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