// 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 SvgDiscountPercentCoupon = ({
  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="M6.0008 11.0298L12.0008 5.02979M16.3333 2V5.66667C15.0447 5.66667 14 6.71133 14 8C14 9.28867 15.0447 10.3333 16.3333 10.3333V14H1.66666V10.3333C2.95532 10.3333 3.99999 9.28867 3.99999 8C3.99999 6.71133 2.95532 5.66667 1.66666 5.66667V2H16.3333ZM6.5008 5.86312L6.83414 5.52979L7.16747 5.86312L6.83414 6.19645L6.5008 5.86312ZM10.8341 10.1965L11.1675 9.86313L11.5008 10.1965L11.1675 10.5298L10.8341 10.1965Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
