// 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 SvgShareHeart = ({
  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="M1.16675 14.6666H8.66675L15.0001 12.6666V12.4052C15.0001 11.445 14.2217 10.6666 13.2615 10.6666C13.0882 10.6666 12.9159 10.6925 12.7502 10.7435L8.78175 11.9645C8.70548 11.988 8.62621 11.9999 8.54641 11.9999H5.33341M8.66675 11.9999V9.99992L4.21863 9.04672C4.07333 9.01559 3.92515 8.99992 3.77656 8.99992C2.61134 8.99992 1.66675 9.94452 1.66675 11.1097V11.3333M12.219 1.88555L12.6667 2.33325L13.1145 1.88551C13.4681 1.53191 13.9477 1.33325 14.4477 1.33325C15.4891 1.33325 16.3334 2.17749 16.3333 3.2189C16.3333 3.71898 16.1347 4.19857 15.7811 4.55219L12.6667 7.66659L9.55235 4.55221C9.19875 4.19858 9.00008 3.71897 9.00008 3.21887C9.00008 2.17748 9.84428 1.33325 10.8857 1.33325C11.3858 1.33325 11.8654 1.53192 12.219 1.88555Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
