// 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 SvgDollarDecrease = ({
  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="M1.48181 10.3333L5.68181 14.5333L8.68182 11.5333L13.4818 16.3333M13.4818 16.3333L9.43422 16.3333M13.4818 16.3333L13.4818 12.2857M6.82884 10.3333C6.10064 9.42133 5.66532 8.26513 5.66532 7.00732C5.66532 4.06108 8.05368 1.67268 10.9999 1.67268C13.9462 1.67268 16.3346 4.06108 16.3346 7.00732C16.3346 8.37926 15.8167 9.63033 14.9657 10.5755M10.9999 5V3.66666M10.9999 10.3333V9M12.4999 6V5.66666C12.4999 5.29848 12.2015 5 11.8333 5H10.1666C9.79842 5 9.49995 5.29848 9.49995 5.66666V5.96522C9.49995 6.27768 9.71695 6.54822 10.022 6.61601L11.9779 7.05065C12.283 7.11844 12.4999 7.38898 12.4999 7.70146V8.33333C12.4999 8.70153 12.2015 9 11.8333 9H10.1666C9.79842 9 9.49995 8.70153 9.49995 8.33333V8"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
