// 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 SvgWarrantyBadgeHighlight = ({
  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="M5.83341 8.99984L8.16675 11.3332L12.1667 6.33317M14.5225 10.4792L16.0017 8.99997L14.5223 7.52056L15.0639 5.49924L13.043 4.95776L12.5014 2.93653L10.4799 3.4782L9.00021 1.99854L7.52071 3.47806L5.49969 2.93653L4.95811 4.95776L2.93726 5.49924L3.47873 7.52005L1.99878 8.99997L3.4785 10.4797L2.93698 12.5007L4.95843 13.0424L5.49997 15.0634L7.52074 14.522L9.00021 16.0014L10.4799 14.5218L12.5011 15.0634L13.0427 13.0424L15.0641 12.5007L14.5225 10.4792Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
