// 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 SvgMoneyTransfer = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.1257 1.47809L13.3142 3.66666L11.1257 5.85522M1.66669 14.3333V3.66666H13.3065M6.87436 16.5219L4.68579 14.3333L6.87436 12.1448M16.3334 3.66666V14.3333H4.69666M7.39602 8.99999C7.39602 9.44202 7.57162 9.86594 7.88418 10.1785C8.19674 10.4911 8.62066 10.6667 9.06269 10.6667C9.50471 10.6667 9.92864 10.4911 10.2412 10.1785C10.5538 9.86594 10.7294 9.44202 10.7294 8.99999C10.7294 8.55796 10.5538 8.13404 10.2412 7.82148C9.92864 7.50892 9.50471 7.33332 9.06269 7.33332C8.62066 7.33332 8.19674 7.50892 7.88418 7.82148C7.57162 8.13404 7.39602 8.55796 7.39602 8.99999Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
