// 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 SvgCreditCard3 = ({
  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="M4.33334 4.66666V2.66666M11.6667 4.66666V2.66666M8.00001 4.66666V0.666664M1.33334 14.6667V6.66666H14.6667V14.6667H1.33334ZM6.33334 10.6667C6.33334 11.1087 6.50894 11.5326 6.8215 11.8452C7.13406 12.1577 7.55798 12.3333 8.00001 12.3333C8.44204 12.3333 8.86596 12.1577 9.17852 11.8452C9.49108 11.5326 9.66668 11.1087 9.66668 10.6667C9.66668 10.2246 9.49108 9.80071 9.17852 9.48815C8.86596 9.17559 8.44204 9 8.00001 9C7.55798 9 7.13406 9.17559 6.8215 9.48815C6.50894 9.80071 6.33334 10.2246 6.33334 10.6667Z"
        stroke="currentColor"
        vectorEffect="non-scaling-stroke"
      />
    </svg>,
    {
      className: iconVariants({
        color,
        className,
      }),
      ...props,
    },
  )
