-
Notifications
You must be signed in to change notification settings - Fork 1
/
LogoPayment.tsx
52 lines (46 loc) · 1.82 KB
/
LogoPayment.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
import React from "react";
/* Logos */
import LogoPaymentAmex from "./svg/LogoPaymentAmex";
import LogoPaymentApplePay from "./svg/LogoPaymentApplePay";
import LogoPaymentBancomatPay from "./svg/LogoPaymentBancomatPay";
import LogoPaymentDiners from "./svg/LogoPaymentDiners";
import LogoPaymentDiscover from "./svg/LogoPaymentDiscover";
import LogoPaymentJCB from "./svg/LogoPaymentJCB";
import LogoPaymentMaestro from "./svg/LogoPaymentMaestro";
import LogoPaymentMastercard from "./svg/LogoPaymentMastercard";
import LogoPaymentMyBank from "./svg/LogoPaymentMyBank";
import LogoPaymentPagoBancomat from "./svg/LogoPaymentPagoBancomat";
import LogoPaymentPayPal from "./svg/LogoPaymentPayPal";
import LogoPaymentPostepay from "./svg/LogoPaymentPostepay";
import LogoPaymentSatispay from "./svg/LogoPaymentSatispay";
import LogoPaymentUnionPay from "./svg/LogoPaymentUnionPay";
import LogoPaymentVPay from "./svg/LogoPaymentVPay";
import LogoPaymentVisa from "./svg/LogoPaymentVisa";
export const IOPaymentLogos = {
maestro: LogoPaymentMaestro,
mastercard: LogoPaymentMastercard,
visa: LogoPaymentVisa,
amex: LogoPaymentAmex,
diners: LogoPaymentDiners,
discover: LogoPaymentDiscover,
jcb: LogoPaymentJCB,
unionPay: LogoPaymentUnionPay,
payPal: LogoPaymentPayPal,
bancomatPay: LogoPaymentBancomatPay,
vPay: LogoPaymentVPay,
satispay: LogoPaymentSatispay,
postepay: LogoPaymentPostepay,
myBank: LogoPaymentMyBank,
pagoBancomat: LogoPaymentPagoBancomat,
applePay: LogoPaymentApplePay
} as const;
export type IOLogoPaymentType = keyof typeof IOPaymentLogos;
type IOIconsProps = {
name: IOLogoPaymentType;
size?: number | "100%";
};
const LogoPayment = ({ name, size = 24, ...props }: IOIconsProps) => {
const LogoElement = IOPaymentLogos[name];
return <LogoElement {...props} size={size} />;
};
export default LogoPayment;