// 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 SvgCreditCard2 = ({
  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="M1.33334 4.66667V1.33334H14.6667V4.66667M8.00001 11C8.44204 11 8.86596 10.8244 9.17852 10.5118C9.49108 10.1993 9.66668 9.77536 9.66668 9.33334C9.66668 8.89131 9.49108 8.46739 9.17852 8.15482C8.86596 7.84226 8.44204 7.66667 8.00001 7.66667C7.55798 7.66667 7.13406 7.84226 6.8215 8.15482C6.50894 8.46739 6.33334 8.89131 6.33334 9.33334C6.33334 9.77536 6.50894 10.1993 6.8215 10.5118C7.13406 10.8244 7.55798 11 8.00001 11ZM12 14.6667H4.00001V4H12V14.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
