'use client'
import ButtonWhatsApp from "@/components/ButtonWhatsApp";
import ButtonNetxStep from "../ButtonNextStep";
import ButtonReturnStep from "../ButtonReturnStep";
import { useCheckoutContext } from "@/hooks/UseCheckout";

export const FooterCheckout = () => {
    const { step } = useCheckoutContext();
    return (
        <>
            {step !== 4 &&
                <>
                    <footer className="fixed bottom-0 w-full z-[99999999999] block">
                        <div className={`flex items-center ${step === 1 ? 'justify-end' : 'justify-between'}  py-4 px-8 bg-plamev-green-50`}>
                            <ButtonReturnStep />
                            <ButtonNetxStep />

                        </div>
                    </footer>

                    <ButtonWhatsApp />
                </>
            }
        </>
    )
}
export default FooterCheckout;