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: 'Catalog icon is used to represent the catalog section',
  title: 'Catalog Icon',
  vectorClassName: 'catalog',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g fill="none">
          <path d="M10.209 24.905H1.043V3.141h9.166c2.024 0 3.666 1.625 3.666 3.627v14.51c0 2.003-1.642 3.627-3.666 3.627zm16.498 0h-9.166c-2.024 0-3.666-1.624-3.666-3.627V6.768c0-2.002 1.642-3.627 3.666-3.627h9.166v21.764z" />
          <path d="M1.654 1.073h8.555c2.024 0 3.666 1.624 3.666 3.627m0 0c0-2.003 1.642-3.627 3.666-3.627h8.555M10.263 12.992h-5.62a.608.608 0 0 1-.612-.604v-4.62c0-.333.274-.604.611-.604h5.62c.339 0 .612.271.612.605v4.619a.608.608 0 0 1-.611.604zm0 7.859h-5.62a.608.608 0 0 1-.612-.604v-4.619c0-.334.274-.604.611-.604h5.62c.339 0 .612.27.612.604v4.619a.608.608 0 0 1-.611.604zm12.838-7.859h-5.62a.608.608 0 0 1-.61-.604v-4.62c0-.333.272-.604.61-.604h5.62c.338 0 .611.271.611.605v4.619a.608.608 0 0 1-.611.604zm0 7.859h-5.62a.608.608 0 0 1-.61-.604v-4.619c0-.334.272-.604.61-.604h5.62c.338 0 .611.27.611.604v4.619a.608.608 0 0 1-.611.604z" />
        </g>
      </Vector>
    )
  }
}

export { CatalogIcon }
export default CatalogIcon