'use client'
import { useSelector } from "react-redux";
import { AppStore } from "@/lib/store";
import InfluencerPayment from "./InfluencerPayment";
import BrandPayment from "./BrandPayment";
import { use } from "react";
import { useTranslation } from "@/Utils/Hooks/useTranslate";

const Payment = () => {
    const userDetails: any = useSelector((state: AppStore) => state.userDetailSlice?.userDetails);
    const { translations } = useTranslation();
    return (
        <>
            {userDetails?.role == 'brand' ?
                <BrandPayment userDetails={userDetails} translations={translations} /> :
                <InfluencerPayment userDetails={userDetails} translations={translations} />
            }
        </>
    )
}

export default Payment