react-svg-credit-card-payment-icons
Version:
React components library with 6 styles, 108 icons, TypeScript support, and a variety of types and formats for easy integration into React applications.
177 lines (171 loc) • 7.11 kB
text/typescript
import { A as Alipay } from './Alipay-DYfARbH-.mjs';
import { A as AmericanExpress } from './AmericanExpress-DlANfikA.mjs';
import * as React from 'react';
import { SVGProps } from 'react';
import { D as DinersClub } from './DinersClub-C-8V6FGd.mjs';
import { D as Discover } from './Discover-mzFpNWA8.mjs';
import { E as Elo } from './Elo-DGfGDqzM.mjs';
import { G as Generic } from './Generic-DEiQi3jr.mjs';
import { H as Hipercard } from './Hipercard-w0SWWsu1.mjs';
import { J as JCB } from './JCB--wmAM598.mjs';
import { M as Maestro } from './Maestro-BhTmGRXb.mjs';
import { M as Mastercard } from './Mastercard-C4_GTREy.mjs';
import { M as Mir } from './Mir-DU8GZb1Z.mjs';
import { P as PayPal } from './PayPal-B3ZkXTJy.mjs';
import { S as Swish } from './Swish-Da_aIved.mjs';
import { U as UnionPay } from './UnionPay-C8Lrfwvx.mjs';
import { V as Visa } from './Visa-i8VVLgVl.mjs';
/**
* Code payment icon component for logo 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 logo icon
*
* @example
* ```tsx
* import { Code } from 'react-svg-credit-card-payment-icons/icons/logo';
*
* // 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 logo 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 logo icon
*
* @example
* ```tsx
* import { CodeFront } from 'react-svg-credit-card-payment-icons/icons/logo';
*
* // 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 logo 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 logo icon
*
* @example
* ```tsx
* import { Hiper } from 'react-svg-credit-card-payment-icons/icons/logo';
*
* // 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 LogoComponents_Alipay: typeof Alipay;
declare const LogoComponents_AmericanExpress: typeof AmericanExpress;
declare const LogoComponents_Code: typeof Code;
declare const LogoComponents_CodeFront: typeof CodeFront;
declare const LogoComponents_DinersClub: typeof DinersClub;
declare const LogoComponents_Discover: typeof Discover;
declare const LogoComponents_Elo: typeof Elo;
declare const LogoComponents_Generic: typeof Generic;
declare const LogoComponents_Hiper: typeof Hiper;
declare const LogoComponents_Hipercard: typeof Hipercard;
declare const LogoComponents_JCB: typeof JCB;
declare const LogoComponents_Maestro: typeof Maestro;
declare const LogoComponents_Mastercard: typeof Mastercard;
declare const LogoComponents_Mir: typeof Mir;
declare const LogoComponents_PayPal: typeof PayPal;
declare const LogoComponents_Swish: typeof Swish;
declare const LogoComponents_UnionPay: typeof UnionPay;
declare const LogoComponents_Visa: typeof Visa;
declare namespace LogoComponents {
export { LogoComponents_Alipay as Alipay, Alipay as AlipayIcon, LogoComponents_AmericanExpress as AmericanExpress, AmericanExpress as AmericanExpressIcon, AmericanExpress as Americanexpress, AmericanExpress as Amex, LogoComponents_Code as Code, LogoComponents_CodeFront as CodeFront, CodeFront as CodeFrontIcon, Code as CodeIcon, Code as CvcBack, CodeFront as CvcFront, Code as CvvBack, CodeFront as CvvFront, DinersClub as Diners, LogoComponents_DinersClub as DinersClub, DinersClub as DinersClubIcon, LogoComponents_Discover as Discover, Discover as DiscoverIcon, LogoComponents_Elo as Elo, Elo as EloIcon, LogoComponents_Generic as Generic, Code as GenericBack, Generic as GenericCard, Code as GenericCardBack, Generic as GenericCardFront, CodeFront as GenericFrontCode, Generic as GenericIcon, LogoComponents_Hiper as Hiper, Hiper as HiperIcon, LogoComponents_Hipercard as Hipercard, Hipercard as HipercardIcon, LogoComponents_JCB as JCB, JCB as JCBIcon, JCB as Jcb, LogoComponents_Maestro as Maestro, Maestro as MaestroIcon, LogoComponents_Mastercard as Mastercard, Mastercard as MastercardIcon, LogoComponents_Mir as Mir, Mir as MirIcon, LogoComponents_PayPal as PayPal, PayPal as PayPalIcon, PayPal as Paypal, LogoComponents_Swish as Swish, Swish as SwishIcon, LogoComponents_UnionPay as UnionPay, UnionPay as UnionPayIcon, UnionPay as Unionpay, LogoComponents_Visa as Visa, Visa as VisaIcon };
}
export { Code as C, Hiper as H, LogoComponents as L, CodeFront as a };