'use client';

import { useState } from "react";
import Detail from "./detail";
import Payment from "./payment";

function Information() {

    const [isForAnother, setIsForAnother] = useState(false)

    const [isPay, setIsPay] = useState(false);

    return (
        <div className="w-[59%] p-[24px] bg-[#FFF] border border-solid border-[#EFEFEF] rounded-[8px]">
            {isPay ?
                <Payment /> :
                <Detail
                    setIsPay={setIsPay}
                    isForAnother={isForAnother}
                    setIsForAnother={setIsForAnother}
                />
            }
        </div>
    )
}

export default Information