import { GET } from "@/utils/get";
import { Program } from "@/types/models";
import { getTranslations } from "next-intl/server";
import { SessionBox } from "./_components/session-box";

export const generateMetadata = async () => {
    const t = await getTranslations();
    return {
        title: `${t('routes.quizes')}` || "Mwaheb"
    }
};

export default async function QuizesPG({ searchParams }) {
    const t = await getTranslations();
    // const params = await searchParams
    // const sessions = await GET({ url: "/user/groups/records", searchParams: params });
    return (
        <main className="p-4 bg-white space-y-8">
            <h1 className="text-2xl font-bold">
                {t("routes.quizes")}
            </h1>

            <section className="grid grid-cols-1 md:grid-cols-2 gap-4">
                {/* {
                    sessions?.length > 0 ?
                        sessions?.map((session: Program, index: number) => (
                            <SessionBox session={session} key={index} />
                        ))
                        :
                } */}
                <div className="grid place-items-center min-h-[50dvh] md:col-span-3 font-semibold">
                    {t('custom.no results')}
                </div>
            </section>

        </main>
    );
};