import { useState } from "react";

import SuccessPay from "./SuccessPay";
import FailedPay from "./FailedPay";
import Paying from "./Paying";

function Payment({ setIsPay, fadeElement, typePay, setTypePay }) {
    return (
        <>
            {typePay === 'default' ?
                <Paying
                    setTypePay={setTypePay}
                    fadeElement={fadeElement}
                /> :
                typePay === 'success' ?
                    <SuccessPay /> :
                    <FailedPay
                        setIsPay={setIsPay}
                        setTypePay={setTypePay}
                        fadeElement={fadeElement}
                    />
            }
        </>
    )
}

export default Payment