// 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 SvgPhoneFavoriteHeart = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 17 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M14.1525 9.08498C15.0311 7.53645 15.5183 5.82605 15.614 4.09799L12.5616 3.73228L11.4868 7.49391L14.1525 9.08498ZM14.1525 9.08498C13.657 9.95818 13.0371 10.7799 12.2928 11.5243C11.5484 12.2686 10.7266 12.8886 9.85344 13.384M9.85344 13.384C8.3049 14.2626 6.5945 14.7498 4.86644 14.8456L4.50078 11.793L8.26244 10.7182L9.85344 13.384ZM4.3766 1.79829L5.12497 2.54667L5.87334 1.79829C6.49332 1.17832 7.49849 1.17832 8.11844 1.79829C8.73844 2.41827 8.73844 3.42344 8.11844 4.04341L5.12497 7.03691L2.13148 4.04341C1.51151 3.42344 1.51151 2.41827 2.13148 1.79829C2.75146 1.17832 3.75663 1.17832 4.3766 1.79829Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
