// 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 SvgDiscountPercentFire = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M5.66667 13L9.66667 9.00001M5.83333 9.33334L6 9.16667L6.16666 9.33334L6 9.50001L5.83333 9.33334ZM9.16666 12.6667L9.33333 12.5L9.5 12.6667L9.33333 12.8333L9.16666 12.6667ZM8 1.66667H7.85087L3.75736 5.85454C1.41421 8.25174 1.41421 12.1383 3.75736 14.5355C6.10052 16.9326 9.89953 16.9326 12.2427 14.5355C14.1751 12.5585 14.5139 9.5684 13.2588 7.23626C12.7015 7.72754 11.9761 8.02454 11.1827 8.02454C9.4254 8.02454 8.00073 6.56704 8.00073 4.76917L8 1.66667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
