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:
    'accompanied in the bottom right by a minus sign, signifying "remove" action',
  title: 'Location Remove Icon',
}

class LocationRemoveIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '38.5px',
    height: '45.84px',
    viewBox: '0 0 38.5 45.84',
    fill: 'none',
    stroke: '#000000',
    strokeWidth: '2px',
  }

  render() {
    return (
      <Vector {...this.props} {...wording} fill="none">
        <g>
          <circle cx="15.5" cy="15.84" r="5.5" />
          <path d="M26.12 27.17C28.33 23.29 30 19.26 30 15.5a14.5 14.5 0 0 0-29 0c0 11.14 14.5 24.59 14.5 29.34 0-1.67 1.77-4.43 4.09-7.77" />
          <circle cx="28.5" cy="35.84" r="9" />
          <path d="M32.5 37.15h-8" />
        </g>
      </Vector>
    )
  }
}

export { LocationRemoveIcon }
export default LocationRemoveIcon