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 = {
  vectorClassName: 'icon-svg-listview icon-svg listview',
  title: 'List View Icon',
  description: 'An icon, which represents the product to be viewed as list',
}

class ListViewIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '46px',
    height: '54px',
    viewBox: '0 0 46 54',
  }
  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d="M44,2V52H28V2H44m2-2H26V54H46V0Z" />
          <path d="M18,2V52H2V2H18m2-2H0V54H20V0Z" />
        </g>
      </Vector>
    )
  }
}

export { ListViewIcon }
export default ListViewIcon