react-svg-credit-card-payment-icons/dist/index-BPtJfGGi.d.ts

React components library with 6 styles, 108 icons, TypeScript support, and a variety of types and formats for easy integration into React applications.

import { A as Alipay } from './Alipay-BJip3pLO.js';
import { A as AmericanExpress } from './AmericanExpress-CWe5nD5D.js';
import * as React from 'react';
import { SVGProps } from 'react';
import { D as DinersClub } from './DinersClub-LHd6apm5.js';
import { D as Discover } from './Discover-I2HLQ1yG.js';
import { E as Elo } from './Elo-BWQsVqSz.js';
import { G as Generic } from './Generic-DfZ_oYfU.js';
import { H as Hipercard } from './Hipercard-B9cXokP7.js';
import { J as JCB } from './JCB-B0uppMG4.js';
import { M as Maestro } from './Maestro-D_GkEmS9.js';
import { M as Mastercard } from './Mastercard-B_CVe6zP.js';
import { M as Mir } from './Mir-Bc5e3Jt3.js';
import { P as PayPal } from './PayPal-Bah2fuBQ.js';
import { S as Swish } from './Swish-D56i9qPh.js';
import { U as UnionPay } from './UnionPay-Beks5wNA.js';
import { V as Visa } from './Visa-BT0mKNdz.js';

/**
 * Code payment icon component for flat-rounded style.
 *
 * This is an auto-generated SVG React component for the Code payment method.
 * It accepts all standard SVG element props and can be styled or sized as needed.
 *
 * @param props - Standard SVG element props (className, style, width, height, etc.)
 * @returns A React component rendering the Code flat-rounded icon
 *
 * @example
 * ```tsx
 * import { Code } from 'react-svg-credit-card-payment-icons/icons/flat-rounded';
 *
 * // Basic usage
 * <Code />
 *
 * // With custom size
 * <Code width={100} height={64} />
 *
 * // With custom styling
 * <Code className="my-icon" style={{ opacity: 0.8 }} />
 * ```
 *
 * @see {@link https://github.com/marcovoliveira/react-svg-credit-card-payment-icons | GitHub Repository}
 */
declare const Code: {
    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
    cardMetadata: {
        type: string;
        displayName: string;
        iconAuthor: string;
        iconLicense: string;
        aliases: string[];
        testNumbers: never[];
        patterns: {
            full: RegExp[];
            prefix: null;
        };
        lengthRange: null;
        formatPattern: null;
        issuingCountries: null;
    };
};

/**
 * CodeFront payment icon component for flat-rounded style.
 *
 * This is an auto-generated SVG React component for the CodeFront payment method.
 * It accepts all standard SVG element props and can be styled or sized as needed.
 *
 * @param props - Standard SVG element props (className, style, width, height, etc.)
 * @returns A React component rendering the CodeFront flat-rounded icon
 *
 * @example
 * ```tsx
 * import { CodeFront } from 'react-svg-credit-card-payment-icons/icons/flat-rounded';
 *
 * // Basic usage
 * <CodeFront />
 *
 * // With custom size
 * <CodeFront width={100} height={64} />
 *
 * // With custom styling
 * <CodeFront className="my-icon" style={{ opacity: 0.8 }} />
 * ```
 *
 * @see {@link https://github.com/marcovoliveira/react-svg-credit-card-payment-icons | GitHub Repository}
 */
declare const CodeFront: {
    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
    cardMetadata: {
        type: string;
        displayName: string;
        iconAuthor: string;
        iconLicense: string;
        aliases: string[];
        testNumbers: never[];
        patterns: {
            full: RegExp[];
            prefix: null;
        };
        lengthRange: null;
        formatPattern: null;
        issuingCountries: null;
    };
};

/**
 * Hiper payment icon component for flat-rounded style.
 *
 * This is an auto-generated SVG React component for the Hiper payment method.
 * It accepts all standard SVG element props and can be styled or sized as needed.
 *
 * @param props - Standard SVG element props (className, style, width, height, etc.)
 * @returns A React component rendering the Hiper flat-rounded icon
 *
 * @example
 * ```tsx
 * import { Hiper } from 'react-svg-credit-card-payment-icons/icons/flat-rounded';
 *
 * // Basic usage
 * <Hiper />
 *
 * // With custom size
 * <Hiper width={100} height={64} />
 *
 * // With custom styling
 * <Hiper className="my-icon" style={{ opacity: 0.8 }} />
 * ```
 *
 * @see {@link https://github.com/marcovoliveira/react-svg-credit-card-payment-icons | GitHub Repository}
 */
declare const Hiper: {
    (props: SVGProps<SVGSVGElement>): React.JSX.Element;
    cardMetadata: {
        type: string;
        displayName: string;
        iconAuthor: string;
        iconLicense: string;
        aliases: never[];
        testNumbers: string[];
        patterns: {
            full: RegExp[];
            prefix: RegExp;
        };
        lengthRange: {
            min: number;
            max: number;
        };
        formatPattern: number[];
        issuingCountries: string[];
    };
};

declare const FlatRoundedComponents_Alipay: typeof Alipay;
declare const FlatRoundedComponents_AmericanExpress: typeof AmericanExpress;
declare const FlatRoundedComponents_Code: typeof Code;
declare const FlatRoundedComponents_CodeFront: typeof CodeFront;
declare const FlatRoundedComponents_DinersClub: typeof DinersClub;
declare const FlatRoundedComponents_Discover: typeof Discover;
declare const FlatRoundedComponents_Elo: typeof Elo;
declare const FlatRoundedComponents_Generic: typeof Generic;
declare const FlatRoundedComponents_Hiper: typeof Hiper;
declare const FlatRoundedComponents_Hipercard: typeof Hipercard;
declare const FlatRoundedComponents_JCB: typeof JCB;
declare const FlatRoundedComponents_Maestro: typeof Maestro;
declare const FlatRoundedComponents_Mastercard: typeof Mastercard;
declare const FlatRoundedComponents_Mir: typeof Mir;
declare const FlatRoundedComponents_PayPal: typeof PayPal;
declare const FlatRoundedComponents_Swish: typeof Swish;
declare const FlatRoundedComponents_UnionPay: typeof UnionPay;
declare const FlatRoundedComponents_Visa: typeof Visa;
declare namespace FlatRoundedComponents {
  export { FlatRoundedComponents_Alipay as Alipay, Alipay as AlipayIcon, FlatRoundedComponents_AmericanExpress as AmericanExpress, AmericanExpress as AmericanExpressIcon, AmericanExpress as Americanexpress, AmericanExpress as Amex, FlatRoundedComponents_Code as Code, FlatRoundedComponents_CodeFront as CodeFront, CodeFront as CodeFrontIcon, Code as CodeIcon, Code as CvcBack, CodeFront as CvcFront, Code as CvvBack, CodeFront as CvvFront, DinersClub as Diners, FlatRoundedComponents_DinersClub as DinersClub, DinersClub as DinersClubIcon, FlatRoundedComponents_Discover as Discover, Discover as DiscoverIcon, FlatRoundedComponents_Elo as Elo, Elo as EloIcon, FlatRoundedComponents_Generic as Generic, Code as GenericBack, Generic as GenericCard, Code as GenericCardBack, Generic as GenericCardFront, CodeFront as GenericFrontCode, Generic as GenericIcon, FlatRoundedComponents_Hiper as Hiper, Hiper as HiperIcon, FlatRoundedComponents_Hipercard as Hipercard, Hipercard as HipercardIcon, FlatRoundedComponents_JCB as JCB, JCB as JCBIcon, JCB as Jcb, FlatRoundedComponents_Maestro as Maestro, Maestro as MaestroIcon, FlatRoundedComponents_Mastercard as Mastercard, Mastercard as MastercardIcon, FlatRoundedComponents_Mir as Mir, Mir as MirIcon, FlatRoundedComponents_PayPal as PayPal, PayPal as PayPalIcon, PayPal as Paypal, FlatRoundedComponents_Swish as Swish, Swish as SwishIcon, FlatRoundedComponents_UnionPay as UnionPay, UnionPay as UnionPayIcon, UnionPay as Unionpay, FlatRoundedComponents_Visa as Visa, Visa as VisaIcon };
}

export { Code as C, FlatRoundedComponents as F, Hiper as H, CodeFront as a };