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.33 kB
import { JSX } from 'react'; import { F as FlatComponents } from '../index-B3tdDbx3.mjs'; import { F as FlatRoundedComponents } from '../index-C2NDhbiG.mjs'; import { L as LogoComponents } from '../index-DmsMj18b.mjs'; import { L as LogoBorderComponents } from '../index-BmqJ6_9c.mjs'; import { M as MonoComponents } from '../index-B0MhUkZ6.mjs'; import { M as MonoOutlineComponents } from '../index-BfMlxe8d.mjs'; import { SvgProps } from 'react-native-svg'; export { CanonicalCardType, detectCardType, formatCardNumber, getCardLengthRange, getCardType, getCardsByCountry, isCardNumberPotentiallyValid, maskCardNumber, sanitizeCardNumber, validateCardForType, validateCardNumber } from '../index.mjs'; import '../index-yy2JTezw.mjs'; import '../Alipay-Fciy41cp.mjs'; import '../AmericanExpress-BPyT-KW-.mjs'; import '../DinersClub-CCidJzjk.mjs'; import '../Discover-CRDqswZc.mjs'; import '../Elo-O-KoZROz.mjs'; import '../Generic-B-lCTXSh.mjs'; import '../Hipercard-DV1AkwpF.mjs'; import '../JCB-BVE6fAtF.mjs'; import '../Maestro-CK68kYa2.mjs'; import '../Mastercard-BAbqwp5C.mjs'; import '../Mir-37zRPQsi.mjs'; import '../PayPal-Bc7GMZot.mjs'; import '../Swish-DiwlHXcn.mjs'; import '../UnionPay-BKtojwLB.mjs'; import '../Visa-ka9Sv-HM.mjs'; import '../index-hQZR3SBL.mjs'; import '../Alipay-BJip3pLO.mjs'; import '../AmericanExpress-CWe5nD5D.mjs'; import '../DinersClub-LHd6apm5.mjs'; import '../Discover-I2HLQ1yG.mjs'; import '../Elo-BWQsVqSz.mjs'; import '../Generic-DfZ_oYfU.mjs'; import '../Hipercard-B9cXokP7.mjs'; import '../JCB-B0uppMG4.mjs'; import '../Maestro-D_GkEmS9.mjs'; import '../Mastercard-B_CVe6zP.mjs'; import '../Mir-Bc5e3Jt3.mjs'; import '../PayPal-Bah2fuBQ.mjs'; import '../Swish-D56i9qPh.mjs'; import '../UnionPay-Beks5wNA.mjs'; import '../Visa-BT0mKNdz.mjs'; import '../index-CxsO2XsD.mjs'; import '../Alipay-DYfARbH-.mjs'; import '../AmericanExpress-DlANfikA.mjs'; import '../DinersClub-C-8V6FGd.mjs'; import '../Discover-mzFpNWA8.mjs'; import '../Elo-DGfGDqzM.mjs'; import '../Generic-DEiQi3jr.mjs'; import '../Hipercard-w0SWWsu1.mjs'; import '../JCB--wmAM598.mjs'; import '../Maestro-BhTmGRXb.mjs'; import '../Mastercard-C4_GTREy.mjs'; import '../Mir-DU8GZb1Z.mjs'; import '../PayPal-B3ZkXTJy.mjs'; import '../Swish-Da_aIved.mjs'; import '../UnionPay-C8Lrfwvx.mjs'; import '../Visa-i8VVLgVl.mjs'; import '../index-a6oTohSW.mjs'; import '../Alipay-BHGOFoLj.mjs'; import '../AmericanExpress-bx0F_Qgu.mjs'; import '../DinersClub-DSjLYGYw.mjs'; import '../Discover-Cdoh8pht.mjs'; import '../Elo--troFn19.mjs'; import '../Generic-DBR-99nV.mjs'; import '../Hipercard-C56aR6yJ.mjs'; import '../JCB-Doq86yN3.mjs'; import '../Maestro-Bv2wnzYl.mjs'; import '../Mastercard-BKPkbDE5.mjs'; import '../Mir-CXI0KZdL.mjs'; import '../PayPal-BSiDNqY0.mjs'; import '../Swish-DPQxnrrt.mjs'; import '../UnionPay-DAKdW8_L.mjs'; import '../Visa-DYeUwEfb.mjs'; import '../index-6VsS_APU.mjs'; import '../Alipay-CwB7CyXh.mjs'; import '../AmericanExpress-BqUDWbaK.mjs'; import '../DinersClub-D_ExmUvQ.mjs'; import '../Discover-DqdLYNSX.mjs'; import '../Elo-BKWuH6LF.mjs'; import '../Generic-DeMwgS0c.mjs'; import '../Hipercard-dwrukHez.mjs'; import '../JCB-CoyjVGvC.mjs'; import '../Maestro-CTYjtPgK.mjs'; import '../Mastercard-Cpd43jAR.mjs'; import '../Mir-uAVksAUl.mjs'; import '../PayPal-jnBwITz9.mjs'; import '../Swish-BYcW_-84.mjs'; import '../UnionPay-CePwiyFM.mjs'; import '../Visa-Ddre649H.mjs'; import '../index-BBybqGQ3.mjs'; import '../Alipay-CKSxoDKz.mjs'; import '../AmericanExpress-DyjlAAKl.mjs'; import '../DinersClub-BsYwNb3V.mjs'; import '../Discover-Dk23-QRE.mjs'; import '../Elo-6zNlKMs8.mjs'; import '../Generic-DQlmfjw-.mjs'; import '../Hipercard-DOaEVH1Q.mjs'; import '../JCB-BXEC4zM2.mjs'; import '../Maestro-CsrSJAx6.mjs'; import '../Mastercard-DaRBh_u7.mjs'; import '../Mir-BMLJMGLg.mjs'; import '../PayPal-D4_-FTbh.mjs'; import '../Swish-CewpqtsU.mjs'; import '../UnionPay-CuRxz_Hh.mjs'; import '../Visa-CjdIhFbp.mjs'; /** 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 };