// 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 SvgBillDollar = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M9.33337 4.33333V4C9.33337 3.63181 9.03491 3.33333 8.66671 3.33333H7.33337C6.96517 3.33333 6.66671 3.63181 6.66671 4V4.31281C6.66671 4.61873 6.87491 4.88538 7.17171 4.95958L8.82837 5.37375C9.12517 5.44795 9.33337 5.71461 9.33337 6.02052V6.66667C9.33337 7.03487 9.03491 7.33333 8.66671 7.33333H7.33337C6.96517 7.33333 6.66671 7.03487 6.66671 6.66667V6.33333M2.66671 12H13.3334M4.66671 14.6667H11.3334M1.33337 9.33333V1.33333H14.6667V9.33333H1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
