// 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 SvgDollarIncrease = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33332 16.4611L8.53332 12.2611L11.5333 15.2611L16.3333 10.4611M16.3333 10.4611L12.2857 10.4612M16.3333 10.4611L16.3333 14.5088M5.42957 12.1065C3.25069 11.4355 1.66711 9.40633 1.66711 7.00732C1.66711 4.06108 4.05551 1.67268 7.00175 1.67268C9.94799 1.67268 12.3364 4.06108 12.3364 7.00732C12.3364 7.4714 12.2771 7.92166 12.1658 8.35086M7.00175 5V3.66666M7.00175 10.3333V9M8.50172 6V5.66666C8.50172 5.29848 8.20325 5 7.83505 5H6.16841C5.80022 5 5.50175 5.29848 5.50175 5.66666V5.96522C5.50175 6.27768 5.71877 6.54822 6.02379 6.61601L7.97972 7.05065C8.28472 7.11844 8.50172 7.38898 8.50172 7.70146V8.33333C8.50172 8.70153 8.20325 9 7.83505 9H6.16841C5.80022 9 5.50175 8.70153 5.50175 8.33333V8"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
