import { Metadata } from 'next';
import React from 'react'
import { ComponentTestProgress } from '@/components/pages/theoreticalTraining/[id]/ComponentTestProgress';
import { ComponentTest } from '@/components/pages/theoreticalTraining/[id]/ComponentTest';
import { ComponentSectionNumber } from '@/components/pages/theoreticalTraining/[id]/ComponentSectionNumber';
import { ComponentResult } from '@/components/pages/theoreticalTraining/[id]/ComponentResult';
import { List } from '@/components/pages/theoreticalTraining/[id]/List';
// import { getTranslation } from '../../../../../i18n';
// const { t } = getTranslation();


// export const metadata: Metadata = {
//     title: t('theoreticalTraining'),
// };
const page = ({ params, searchParams }: { params: { id: string}, searchParams: { start: string, number: string, result: string, theoryTrainAttemptId: string  } }) => {
    const { start = "false", result = "false", number = "0" } = searchParams
    
    return (
        <div className='flex flex-col justify-center items-center md:my-16 max-md:my-2 '>
            {start == "false" && <ComponentTestProgress id={params.id} />}
            {start == "true" && Number(number) <= 0 && result != "true" && <ComponentSectionNumber id={params.id} />}
            {start == "true" && Number(number) > 0 && <ComponentTest id={params.id} number={number} />}
            {start == "true" && result == "true" && <ComponentResult id={params.id} theoryTrainAttemptId={searchParams.theoryTrainAttemptId} />}
            {start == "false" && <List id={params.id} />}
        </div>
    )
}

export default page