// 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 SvgBrowserFavoriteHeart = ({
  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="M16.3332 4.66667H1.6665M16.3332 2H1.6665V14H16.3332V2ZM8.67424 7.40707L8.99977 7.737L9.32544 7.407C9.58257 7.1464 9.93137 7 10.2951 7C11.0525 7 11.6664 7.6222 11.6664 8.38973C11.6664 8.75833 11.522 9.1118 11.2648 9.3724L8.99977 11.6677L6.73482 9.3724C6.47765 9.1118 6.33317 8.75833 6.33317 8.38973C6.33317 7.6222 6.94714 7 7.7045 7C8.06824 7 8.41704 7.1464 8.67424 7.40707Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
