// 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 SvgLocationPin2 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.00016 12.7331C2.3809 13.0981 1.3335 13.679 1.3335 14.3333C1.3335 15.4379 4.31826 16.3333 8.00016 16.3333C11.682 16.3333 14.6668 15.4379 14.6668 14.3333C14.6668 13.679 13.6194 13.0981 12.0002 12.7331M8.3335 6.66666H7.66683V5.99999H8.3335V6.66666ZM3.3335 6.35631C3.3335 9.48272 8.00016 13 8.00016 13C8.00016 13 12.6668 9.48272 12.6668 6.35631C12.6668 3.76629 10.5775 1.66666 8.00016 1.66666C5.42284 1.66666 3.3335 3.76629 3.3335 6.35631Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
