import { config } from "@/lib/config";
import MidoneLayout from "@/Theme/Midone/layout";
import DorsaLayout from "@/Theme/Dorsa/layout";
import JmakaranLayout from "@/Theme/Jamkaran/layout";
import { Suspense } from "react";
import axios from "@/lib/axios";
import { defaultMetadata } from "@/lib/ssr";

export const metadata = defaultMetadata();

export default async function Panel({children, params, request}){
    let MainLaout;
    await axios.get(`/sanctum/csrf-cookie`);

    switch(config.projectName()){
        case "ikvu":
        case "ictvu":
            MainLaout = MidoneLayout;
            break;
        case "daramadasan":
            MainLaout = DorsaLayout;
            break;
        case "jamkaran":
            MainLaout = JmakaranLayout;
            break;
        default:
            MainLaout = MidoneLayout;
    }

    return <Suspense fallback={<div>Loading...</div>}>
            <MainLaout 
                // langs={data.langs}
                params={params}
                >
                {children}
            </MainLaout>
        </Suspense>
}