// 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 SvgPayment0 = ({
  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.52851 4.33334V4.00001C9.52851 3.63182 9.23004 3.33334 8.86184 3.33334H7.19517C6.82697 3.33334 6.52852 3.63182 6.52852 4.00001V4.29856C6.52852 4.61103 6.74557 4.88157 7.05057 4.94936L9.00651 5.384C9.31151 5.45178 9.52851 5.72232 9.52851 6.03479V6.66668C9.52851 7.03488 9.23004 7.33334 8.86184 7.33334H7.19517C6.82697 7.33334 6.52852 7.03488 6.52852 6.66668V6.33334M4.33337 11.3333V13.3333M11.6667 11.3333V13.3333M8.00004 11.3333V15.3333M3.33337 5.33334H4.66671M11.3334 5.33334H12.6667M1.33337 1.33334V9.33334H14.6667V1.33334H1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
