// 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 SvgBrowserFavoriteFire = ({
  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.99984 6.66667H8.94437L7.42152 8.18953C6.54982 9.0612 6.54982 10.4745 7.42151 11.3462C8.29324 12.2179 9.7065 12.2179 10.5782 11.3462C11.2971 10.6273 11.4231 9.54 10.9562 8.692C10.7489 8.8706 10.479 8.9786 10.1839 8.9786C9.5301 8.9786 9.0001 8.4486 9.0001 7.79487L8.99984 6.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
