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

const wording = {
  description:
    'Camera is a point and shoot device for recording visual images in the form of photographs or a video. It is most familiar device before emerging of smartphones',
  title: 'Camera Icon',
  vectorClassName: 'camera',
}

class CameraIcon extends React.PureComponent<DefaultProps> {
  static defaultProps = {
    width: '44px',
    height: '39px',
    viewBox: '0 0 44 39',
    stroke: '#000000',
  }

  render() {
    return (
      <Vector {...this.props} {...wording}>
        <g
          strokeWidth={'2'}
          fill={'none'}
          fillRule={'evenodd'}
          strokeLinecap={'round'}
          strokeLinejoin={'round'}
        >
          <path d={'M38.38 22.33a10 10 0 1 1-20 0 10 10 0 0 1 20 0z'} />
          <path d={'M33.38 22.33a5 5 0 1 1-10 0 5 5 0 0 1 10 0zM12 14a1 1 0 0 1-1 1H7a1 1 0 0 1-1-1v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3z'} />
          <path d={'M39.38 5h-9l-.9-1.79A4 4 0 0 0 25.91 1h-6.06a4 4 0 0 0-3.58 2.21L15.37 5h-10C3.18 5 1 7.12 1 9.33v25C1 36.54 3.17 38 5.38 38h34c2.2 0 3.62-1.46 3.62-3.67v-25C43 7.13 41.59 5 39.38 5zM7 19h4'} />
        </g>
      </Vector>
    )
  }
}

export { CameraIcon }
export default CameraIcon