// 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 SvgMobilePayment = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 16 17"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M11.3333 9.33333V15.3333H2V2H8.66667M8.00033 12.6667H5.33366M12.3333 1.66667V0M12.3333 8V6.33333M14 2.66667V2.33333C14 1.96515 13.7015 1.66667 13.3333 1.66667H11.3333C10.9651 1.66667 10.6667 1.96515 10.6667 2.33333V2.95347C10.6667 3.27125 10.891 3.54486 11.2026 3.60719L13.4641 4.05948C13.7757 4.12181 14 4.39541 14 4.7132V5.66667C14 6.03485 13.7015 6.33333 13.3333 6.33333H11.3333C10.9651 6.33333 10.6667 6.03485 10.6667 5.66667V5.33333"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
