'use client'

import { useCheckoutContext } from "@/hooks/UseCheckout";
import { ReactNode } from "react";

const TemplateBody = (({ children }: { children: ReactNode }) => {
    const { step } = useCheckoutContext();

    console.log("Current step:", step);

    return (
        <div className={`${step !== 4 ? `pb-[300px]` : ''}`}>
            {children}
        </div>
    );
});

export default TemplateBody;