// 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 SvgLocationHeartPin = ({
  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="M2 7.66666C2 11.6667 8 16.1667 8 16.1667C8 16.1667 14 11.6667 14 7.66666C14 4.35295 11.3137 1.66666 8 1.66666C4.68629 1.66666 2 4.35295 2 7.66666Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
      <path
        d="M7.64613 5.93619L8 6.28978L8.35393 5.93616C8.63347 5.65689 9.0126 5.5 9.40787 5.5C10.2311 5.5 10.8985 6.16676 10.8985 6.98924C10.8984 7.3842 10.7414 7.763 10.4619 8.04226L8 10.5019L5.53813 8.04226C5.2586 7.763 5.10156 7.38419 5.10156 6.98922C5.10156 6.16675 5.76891 5.5 6.59211 5.5C6.98747 5.5 7.3666 5.6569 7.64613 5.93619Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
