// 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 SvgBill4 = ({
  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.33335 14.0001H16.3334V5.33333M6.00002 7C6.00002 7.44203 6.17562 7.86595 6.48818 8.17851C6.80074 8.49107 7.22466 8.66667 7.66669 8.66667C8.10871 8.66667 8.53264 8.49107 8.8452 8.17851C9.15776 7.86595 9.33335 7.44203 9.33335 7C9.33335 6.55797 9.15776 6.13405 8.8452 5.82149C8.53264 5.50893 8.10871 5.33333 7.66669 5.33333C7.22466 5.33333 6.80074 5.50893 6.48818 5.82149C6.17562 6.13405 6.00002 6.55797 6.00002 7ZM1.66669 11.3334V2.66667H13.6667V11.3334H1.66669Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
