import React from 'react'
import Vector from 'atoms/Vector'
import { DefaultProps } from 'icons/typings'

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

const wording = {
  description: 'ZoomIcon icon',
  title: 'ZoomIcon Icon',
  vectorClassName: 'zoomicon',
}

class ZoomIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '44px',
    height: '44px',
    viewBox: '0 0 44 44',
    fill: 'black',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path d="M35.6 7L24 18.7a1 1 0 0 0 1.4 1.4L37 8.5V18a1 1 0 0 0 2 0V6.3A1 1 0 0 0 38 5H26a1 1 0 0 0 0 2h9.6zM7 35.6L18.7 24a1 1 0 0 1 1.4 1.4L8.5 37H18a1 1 0 0 1 0 2H6a1 1 0 0 1-1-1V26a1 1 0 0 1 2 0v9.6z" />
          <path d="M6 2a4 4 0 0 0-4 4v32a4 4 0 0 0 4 4h32a4 4 0 0 0 4-4V6a4 4 0 0 0-4-4H6zm0-2h32a6 6 0 0 1 6 6v32a6 6 0 0 1-6 6H6a6 6 0 0 1-6-6V6a6 6 0 0 1 6-6z" />
        </g>
      </Vector>
    )
  }
}

export { ZoomIcon }
export default ZoomIcon