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;
