// eslint-disable-next-line @typescript-eslint/ban-ts-comment
//@ts-nocheck
import type { VariantProps } from 'class-variance-authority'
import * as React from 'react'
import type { SVGProps } from 'react'
import { iconVariants } from '../../iconVariants'

type Color = VariantProps<typeof iconVariants>['color'] | undefined

export const SvgLocationPersonPin = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.33317 13.6655H1.6665V10.8571C1.6665 10.8571 3.44428 9.33332 6.99984 9.33332C7.7445 9.33332 8.41117 9.40019 8.99984 9.50586M4.33384 4.33266C4.33384 5.03972 4.61472 5.71783 5.11469 6.2178C5.61466 6.71778 6.29277 6.99866 6.99984 6.99866C7.7069 6.99866 8.38501 6.71778 8.88498 6.2178C9.38496 5.71783 9.66584 5.03972 9.66584 4.33266C9.66584 3.62559 9.38496 2.94748 8.88498 2.44751C8.38501 1.94754 7.7069 1.66666 6.99984 1.66666C6.29277 1.66666 5.61466 1.94754 5.11469 2.44751C4.61472 2.94748 4.33384 3.62559 4.33384 4.33266ZM10.3332 12.0355C10.3332 14.0591 13.3332 16.1823 13.3332 16.1823C13.3332 16.1823 16.3332 14.0591 16.3332 12.0355C16.3332 10.359 14.99 8.99999 13.3332 8.99999C11.6763 8.99999 10.3332 10.359 10.3332 12.0355ZM13.1665 11.8333H13.4998V12.1667H13.1665V11.8333Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
