// 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 SvgBillDollar4 = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M4.33329 13.6667H16.3333V5M8.99996 5.66667V5.33333C8.99996 4.96515 8.70149 4.66667 8.33329 4.66667H6.99996C6.63177 4.66667 6.33329 4.96515 6.33329 5.33333V5.64615C6.33329 5.95206 6.54149 6.21871 6.83827 6.29291L8.49496 6.70707C8.79176 6.78127 8.99996 7.04793 8.99996 7.35387V8C8.99996 8.3682 8.70149 8.66667 8.33329 8.66667H6.99996C6.63177 8.66667 6.33329 8.3682 6.33329 8V7.66667M1.66663 11.0001V2.33333H13.6666V11.0001H1.66663Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
