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:
    'Two rows and two coloumns of small boxes which indicates unfilled grid view',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording} stroke="none">
        <path d="M52 2v20H32V2h20m2-2H30v24h24V0zM22 2v20H2V2h20m2-2H0v24h24V0zM52 32v20H32V32h20m2-2H30v24h24V30zM22 32v20H2V32h20m2-2H0v24h24V30z" />
      </Vector>
    )
  }
}

export { GridViewDefaultIcon }
export default GridViewDefaultIcon