// 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 SvgTransactionRefundCashback = ({
  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="M8.99969 6.66669V5.00002M8.99969 13V11.3334M10.6664 7.66669V7.33335C10.6664 6.96517 10.3679 6.66669 9.99969 6.66669H7.99969C7.63151 6.66669 7.33303 6.96517 7.33303 7.33335V7.95349C7.33303 8.27129 7.55733 8.54489 7.86895 8.60722L10.1304 9.05949C10.4421 9.12182 10.6664 9.39542 10.6664 9.71322V10.6667C10.6664 11.0349 10.3679 11.3334 9.99969 11.3334H7.99969C7.63151 11.3334 7.33303 11.0349 7.33303 10.6667V10.3334M1.66669 9.00002C1.66669 10.945 2.4393 12.8102 3.81457 14.1855C5.18984 15.5608 7.0551 16.3334 9.00002 16.3334C10.945 16.3334 12.8102 15.5608 14.1855 14.1855C15.5608 12.8102 16.3334 10.945 16.3334 9.00002C16.3334 7.0551 15.5608 5.18984 14.1855 3.81457C12.8102 2.43931 10.945 1.66669 9.00002 1.66669C5.00002 1.66669 3.33335 4.50002 1.66669 6.33335M1.66669 6.33335V3.66669M1.66669 6.33335H4.33335"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
