// 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 SvgDisableHeart = ({
  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="M3.66675 3.44094C4.19484 3.15948 4.79777 2.99996 5.43796 2.99996C6.43817 2.99996 7.39741 3.3973 8.10468 4.10456L9.00001 4.99996L9.89555 4.10448C10.6027 3.39727 11.5619 2.99996 12.5621 2.99996C14.6449 2.99996 16.3333 4.68845 16.3333 6.77125C16.3333 7.77143 15.936 8.73063 15.2288 9.43783L12.3334 12.3332M2.33341 4.62952C1.91299 5.23782 1.66675 5.97571 1.66675 6.77112C1.66675 7.77129 2.06407 8.73056 2.77131 9.43776L9.00001 15.6666L11.0001 13.6665M1.47144 1.47131L16.5287 16.5286"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
