// 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 SvgUserFeedbackHeart = ({
  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="M1.66675 9.00008C1.66675 4.94999 4.94999 1.66675 9.00008 1.66675C12.1094 1.66675 14.7667 3.60184 15.8335 6.33342M16.3334 9.00008C16.3334 13.0501 13.0501 16.3334 9.00008 16.3334C5.89077 16.3334 3.23343 14.3983 2.16667 11.6667M16.3334 3.66675V6.33342H13.6667M1.66675 14.3334V11.6667H4.33341M8.55235 6.55238L9.00008 7.00008L9.44782 6.55234C9.80142 6.19873 10.281 6.00008 10.7811 6.00008C11.8225 6.00008 12.6667 6.84432 12.6667 7.88575C12.6667 8.38581 12.468 8.86541 12.1144 9.21901L9.00008 12.3334L5.88569 9.21901C5.53207 8.86541 5.33341 8.38581 5.33341 7.88568C5.33341 6.84431 6.17763 6.00008 7.21902 6.00008C7.71915 6.00008 8.19875 6.19875 8.55235 6.55238Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
