// 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 SvgPaymentRecieve7 = ({
  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 9.66666V9.33332C9.52851 8.96512 9.23004 8.66666 8.86184 8.66666H7.19517C6.82697 8.66666 6.52852 8.96512 6.52852 9.33332V9.63186C6.52852 9.94432 6.74557 10.2149 7.05057 10.2827L9.00651 10.7173C9.31151 10.7851 9.52851 11.0557 9.52851 11.3681V12C9.52851 12.3682 9.23004 12.6667 8.86184 12.6667H7.19517C6.82697 12.6667 6.52852 12.3682 6.52852 12V11.6667M4.33337 4.66666V2.66666M11.6667 4.66666V2.66666M8.00004 4.66666V0.666656M3.33337 10.6667H4.66671M11.3334 10.6667H12.6667M1.33337 6.66666V14.6667H14.6667V6.66666H1.33337Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
