// 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 SvgDiscountPercentBadge = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M6.00081 12.0298L12.0008 6.02979M8.9998 1.93669L7.52988 3.40659L5.52196 2.86857L4.98394 4.8765L2.88288 5.46834L3.42091 7.47626L1.93652 9.00007L3.40642 10.4699L2.88279 12.5319L4.89071 13.0699L5.46808 15.1171L7.47601 14.5791L8.9998 16.0633L10.4697 14.5935L12.5853 15.1026L13.1233 13.0947L15.1169 12.5317L14.5789 10.5237L16.0632 9.00007L14.5933 7.53014L15.1169 5.46853L13.1089 4.9305L12.5314 2.88309L10.5235 3.42111L8.9998 1.93669ZM6.50081 6.86312L6.83414 6.52979L7.16748 6.86312L6.83414 7.19646L6.50081 6.86312ZM10.8341 11.1965L11.1675 10.8631L11.5008 11.1965L11.1675 11.5298L10.8341 11.1965Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
