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.
137 lines (134 loc) • 5.23 kB
TypeScript
import { JSX } from 'react';
import { F as FlatComponents } from '../index-B3tdDbx3.js';
import { F as FlatRoundedComponents } from '../index-C2NDhbiG.js';
import { L as LogoComponents } from '../index-DmsMj18b.js';
import { L as LogoBorderComponents } from '../index-BmqJ6_9c.js';
import { M as MonoComponents } from '../index-B0MhUkZ6.js';
import { M as MonoOutlineComponents } from '../index-BfMlxe8d.js';
import { SvgProps } from 'react-native-svg';
export { CanonicalCardType, detectCardType, formatCardNumber, getCardLengthRange, getCardType, getCardsByCountry, isCardNumberPotentiallyValid, maskCardNumber, sanitizeCardNumber, validateCardForType, validateCardNumber } from '../index.js';
import '../index-DkLv_pZ3.js';
import '../Alipay-Fciy41cp.js';
import '../AmericanExpress-BPyT-KW-.js';
import '../DinersClub-CCidJzjk.js';
import '../Discover-CRDqswZc.js';
import '../Elo-O-KoZROz.js';
import '../Generic-B-lCTXSh.js';
import '../Hipercard-DV1AkwpF.js';
import '../JCB-BVE6fAtF.js';
import '../Maestro-CK68kYa2.js';
import '../Mastercard-BAbqwp5C.js';
import '../Mir-37zRPQsi.js';
import '../PayPal-Bc7GMZot.js';
import '../Swish-DiwlHXcn.js';
import '../UnionPay-BKtojwLB.js';
import '../Visa-ka9Sv-HM.js';
import '../index-BPtJfGGi.js';
import '../Alipay-BJip3pLO.js';
import '../AmericanExpress-CWe5nD5D.js';
import '../DinersClub-LHd6apm5.js';
import '../Discover-I2HLQ1yG.js';
import '../Elo-BWQsVqSz.js';
import '../Generic-DfZ_oYfU.js';
import '../Hipercard-B9cXokP7.js';
import '../JCB-B0uppMG4.js';
import '../Maestro-D_GkEmS9.js';
import '../Mastercard-B_CVe6zP.js';
import '../Mir-Bc5e3Jt3.js';
import '../PayPal-Bah2fuBQ.js';
import '../Swish-D56i9qPh.js';
import '../UnionPay-Beks5wNA.js';
import '../Visa-BT0mKNdz.js';
import '../index-bteCaN2Q.js';
import '../Alipay-DYfARbH-.js';
import '../AmericanExpress-DlANfikA.js';
import '../DinersClub-C-8V6FGd.js';
import '../Discover-mzFpNWA8.js';
import '../Elo-DGfGDqzM.js';
import '../Generic-DEiQi3jr.js';
import '../Hipercard-w0SWWsu1.js';
import '../JCB--wmAM598.js';
import '../Maestro-BhTmGRXb.js';
import '../Mastercard-C4_GTREy.js';
import '../Mir-DU8GZb1Z.js';
import '../PayPal-B3ZkXTJy.js';
import '../Swish-Da_aIved.js';
import '../UnionPay-C8Lrfwvx.js';
import '../Visa-i8VVLgVl.js';
import '../index-BFhbBU_-.js';
import '../Alipay-BHGOFoLj.js';
import '../AmericanExpress-bx0F_Qgu.js';
import '../DinersClub-DSjLYGYw.js';
import '../Discover-Cdoh8pht.js';
import '../Elo--troFn19.js';
import '../Generic-DBR-99nV.js';
import '../Hipercard-C56aR6yJ.js';
import '../JCB-Doq86yN3.js';
import '../Maestro-Bv2wnzYl.js';
import '../Mastercard-BKPkbDE5.js';
import '../Mir-CXI0KZdL.js';
import '../PayPal-BSiDNqY0.js';
import '../Swish-DPQxnrrt.js';
import '../UnionPay-DAKdW8_L.js';
import '../Visa-DYeUwEfb.js';
import '../index-DlbA5SKJ.js';
import '../Alipay-CwB7CyXh.js';
import '../AmericanExpress-BqUDWbaK.js';
import '../DinersClub-D_ExmUvQ.js';
import '../Discover-DqdLYNSX.js';
import '../Elo-BKWuH6LF.js';
import '../Generic-DeMwgS0c.js';
import '../Hipercard-dwrukHez.js';
import '../JCB-CoyjVGvC.js';
import '../Maestro-CTYjtPgK.js';
import '../Mastercard-Cpd43jAR.js';
import '../Mir-uAVksAUl.js';
import '../PayPal-jnBwITz9.js';
import '../Swish-BYcW_-84.js';
import '../UnionPay-CePwiyFM.js';
import '../Visa-Ddre649H.js';
import '../index-BGtKY_f-.js';
import '../Alipay-CKSxoDKz.js';
import '../AmericanExpress-DyjlAAKl.js';
import '../DinersClub-BsYwNb3V.js';
import '../Discover-Dk23-QRE.js';
import '../Elo-6zNlKMs8.js';
import '../Generic-DQlmfjw-.js';
import '../Hipercard-DOaEVH1Q.js';
import '../JCB-BXEC4zM2.js';
import '../Maestro-CsrSJAx6.js';
import '../Mastercard-DaRBh_u7.js';
import '../Mir-BMLJMGLg.js';
import '../PayPal-D4_-FTbh.js';
import '../Swish-CewpqtsU.js';
import '../UnionPay-CuRxz_Hh.js';
import '../Visa-CjdIhFbp.js';
/** SVG component props with optional width and height. */
type SVGComponentProps = {
width?: number;
height?: number;
};
declare const categoryMappings: {
flat: typeof FlatComponents;
flatRounded: typeof FlatRoundedComponents;
logo: typeof LogoComponents;
logoBorder: typeof LogoBorderComponents;
mono: typeof MonoComponents;
monoOutline: typeof MonoOutlineComponents;
};
type PaymentType = keyof typeof FlatComponents & keyof typeof FlatRoundedComponents & keyof typeof LogoComponents & keyof typeof LogoBorderComponents & keyof typeof MonoComponents & keyof typeof MonoOutlineComponents;
type PaymentCategory = keyof typeof categoryMappings;
/** @deprecated Use PaymentType instead */
type PaymentTypeExtended = PaymentType | 'Generic' | 'Code';
type PaymentIconProps = {
type: PaymentType;
format?: PaymentCategory;
variant?: string;
} & SvgProps;
/**
* Payment icon component for React Native.
*
* Uses react-native-svg under the hood. Maintains 780:500 aspect ratio automatically.
*/
declare function PaymentIcon(props: PaymentIconProps): JSX.Element;
export { PaymentIcon, type PaymentType, type PaymentTypeExtended, type SVGComponentProps, FlatComponents as flat, FlatRoundedComponents as flatRounded, LogoComponents as logo, LogoBorderComponents as logoBorder, MonoComponents as mono, MonoOutlineComponents as monoOutline };