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: 'It is a gallery toggle icon',
  title: 'Gallery Toggle Icon',
}

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

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g fillRule="evenodd">
          <path d="M0 5v20c0 2 1 3 3 3h20v-3H3V5H0z" />
          <path d="M8 0h17c2 0 3 1 3 3v17c0 2-1 3-3 3H8c-2 0-3-1-3-3V3c0-2 1-3 3-3zm0 20h17V3H8v17z" />
        </g>
      </Vector>
    )
  }
}

export { GalleryToggleIcon }
export default GalleryToggleIcon