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: 'Arrow placed inside a circle shaped image',
  title: 'Detection Icon',
}

class DetectionIcon extends React.PureComponent<Props> {
  static defaultProps = {
    viewBox: '0 0 46 46',
    width: '46px',
    height: '46px',
    stroke: '#000000',
    fill: '#000000',
  }
  render() {
    const { fill, stroke } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <circle
            className="svg-icon-detection-pieces"
            strokeWidth="2px"
            strokeLinecap="round"
            strokeLinejoin="round"
            fill="none"
            stroke={stroke}
            cx="23"
            cy="23"
            r="22"
          />
          <path
            className="svg-icon-detection-pieces"
            d="M10 20l23-7-7 23-3.43-12.57L10 20z"
          />
        </g>
      </Vector>
    )
  }
}

export { DetectionIcon }
export default DetectionIcon