import React from 'react'
import { DefaultProps } from '../../typings'
import Vector from '../../../Vector'

// extending interface from Label component
interface Props extends DefaultProps {}

const wording = {
  title: 'Grid View Icon',
  description: 'Three rows and four coloumns of small boxes which indicates grid view',
}

class GridViewLargeIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '19px',
    height: '14px',
    viewBox: '0 0 19 14',
    fill: '#000000',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} stroke="none">
        <g>
          <path d="M0 4h4V0H0v4zm0 5h4V5H0v4zm5 0h4V5H5v4zm5 0h4V5h-4v4zM5 4h4V0H5v4zm5-4v4h4V0h-4zm5 9h4V5h-4v4zM0 14h4v-4H0v4zm5 0h4v-4H5v4zm5 0h4v-4h-4v4zm5 0h4v-4h-4v4zm0-14v4h4V0h-4z" />
          <path d="M-3-5h24v24H-3z" fill="none" />
        </g>
      </Vector>
    )
  }
}

export { GridViewLargeIcon }
export default GridViewLargeIcon