// 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 SvgContactlessPayment = ({
  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="M5.22197 11.0026C5.8793 9.75447 5.8793 8.25067 5.22197 7.00261M7.61471 12.5903C8.89769 10.3787 8.89769 7.62696 7.61471 5.41537M10.017 14.1521C11.9141 10.9907 11.9129 7.00808 10.0133 3.84765M8.99996 16.3329C13.05 16.3329 16.3333 13.0497 16.3333 8.9996C16.3333 4.94949 13.05 1.66667 8.99996 1.66667C4.94987 1.66667 1.66663 4.94949 1.66663 8.9996C1.66663 13.0497 4.94987 16.3329 8.99996 16.3329Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
