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: 'svg-icon help-icon-svg svg help',
  title: 'Image icon',
  description: 'the outline of a picture, symbolizing a missing image',
}

class ImageIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '32px',
    height: '32px',
    viewBox: '0 0 32 32',
    stroke: '#000000',
    fill: 'none',
  }
  render() {
    return (
      <Vector {...this.props} {...wording}>
        <path d="M20 24 L12 16 2 26 2 2 30 2 30 24 M16 20 L22 14 30 22 30 30 2 30 2 24" />
        <circle cx="10" cy="9" r="3" />
      </Vector>
    )
  }
}

export { ImageIcon }
export default ImageIcon