// 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 SvgCreditCardCvv = ({
  color,
  className,
  ...props
}: SVGProps<SVGSVGElement> & {
  color?: Color
}) =>
  React.cloneElement(
    <svg
      width={16}
      height={16}
      viewBox="0 0 18 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      {...props}
    >
      <path
        d="M8.16669 10L9.50002 14H10.1667L11.5 10M13 10L14.3334 14H15L16.3334 10M6.33335 11.3333V11C6.33335 10.6318 6.03487 10.3333 5.66669 10.3333H4.66669C4.2985 10.3333 4.00002 10.6318 4.00002 11V13.3333C4.00002 13.7015 4.2985 14 4.66669 14H5.66669C6.03487 14 6.33335 13.7015 6.33335 13.3333V13M16.3334 8.6652V2H1.66669V13.3333H2.33335M1.66669 4.66667H16.3334M1.66669 7.33333H16.3334"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
