// 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 SvgPin2 = ({
  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.33339 7.00008C8.33339 5.52732 9.52733 4.33341 11.0001 4.33341M7.33339 10.6667L1.47144 16.5287M5.66673 7.00008C5.66673 8.41457 6.22863 9.77112 7.22882 10.7713C8.22902 11.7715 9.58557 12.3334 11.0001 12.3334C12.4145 12.3334 13.7711 11.7715 14.7713 10.7713C15.7715 9.77112 16.3334 8.41457 16.3334 7.00008C16.3334 5.58559 15.7715 4.22904 14.7713 3.22885C13.7711 2.22865 12.4145 1.66675 11.0001 1.66675C9.58557 1.66675 8.22902 2.22865 7.22882 3.22885C6.22863 4.22904 5.66673 5.58559 5.66673 7.00008Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
