UNPKG

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
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 };