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:
    'location icon pin, with the inner part of the pin two facing as a person',
  title: 'Location Person Icon',
}

class LocationPersonIcon extends React.PureComponent<Props> {
  static defaultProps = {
    width: '31px',
    height: '46px',
    viewBox: '0 0 31 46',
    fill: '#000000',
    stroke: '#000000',
  }

  render() {
    const { stroke } = this.props
    return (
      <Vector {...this.props} {...wording}>
        <g>
          <path
            fill="none"
            stroke={stroke}
            strokeWidth="2px"
            strokeLinecap="round"
            strokeLinejoin="round"
            d="M30 15.5c0 11.09-14.56 24.59-14.5 29.34C15.5 40.09 1 26.64 1 15.5a14.5 14.5 0 0 1 29 0z"
          />
          <ellipse cx="15.5" cy="13.34" rx="5" ry="5.5" />
          <path d="M13.5 18.84a3.72 3.72 0 0 1-3 3c-2.67.53-5 1.4-5 6m12-9a3.72 3.72 0 0 0 3 3c2.67.53 5 1.4 5 6" />
        </g>
      </Vector>
    )
  }
}

export { LocationPersonIcon }
export default LocationPersonIcon