32 lines
816 B
TypeScript
32 lines
816 B
TypeScript
import styles from "./styles.module.css";
|
|
import { TCanMakePaymentResult } from "@/components/PaymentPage/methods/StripeButton";
|
|
|
|
interface IPaymentButtonsProps {
|
|
availableMethods: TCanMakePaymentResult;
|
|
}
|
|
|
|
function PaymentButtons({ availableMethods }: IPaymentButtonsProps) {
|
|
if (!availableMethods) return <></>;
|
|
return (
|
|
<div className={styles.container}>
|
|
{availableMethods["applePay"] && (
|
|
<img src="/applepay.webp" alt="ApplePay" />
|
|
)}
|
|
{availableMethods["googlePay"] && (
|
|
<img
|
|
src="/google-pay-mark.png"
|
|
alt="google"
|
|
style={{
|
|
height: "36px",
|
|
}}
|
|
/>
|
|
)}
|
|
{availableMethods["link"] && (
|
|
<img src="/link-pay-mark.png" alt="LinkPay" />
|
|
)}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default PaymentButtons;
|