// 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 SvgDoubleHeart = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M3.5499 9.21647L2.77131 8.43793C2.06407 7.73067 1.66675 6.7714 1.66675 5.77123C1.66675 3.68845 3.35518 2 5.43796 2C6.43817 2 7.39741 2.39734 8.10468 3.1046L9.00001 4L9.89555 3.10452C10.6027 2.39731 11.5619 2 12.5621 2C14.6449 2 16.3333 3.68849 16.3333 5.77129C16.3333 6.77147 15.936 7.73067 15.2288 8.43787L14.4502 9.21647M8.55235 8.8856L9.00008 9.33333L9.44782 8.8856C9.80142 8.532 10.281 8.33333 10.7811 8.33333C11.8225 8.33333 12.6667 9.1776 12.6667 10.219C12.6667 10.7191 12.468 11.1987 12.1144 11.5523L9.00008 14.6667L5.88569 11.5523C5.53207 11.1987 5.33341 10.7191 5.33341 10.2189C5.33341 9.17753 6.17763 8.33333 7.21902 8.33333C7.71915 8.33333 8.19875 8.532 8.55235 8.8856Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
