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 { ListVideo } from '@/components/pages/practicalTraining/ListVideo';
// import { getTranslation } from '../../../../../i18n';
// const { t } = getTranslation();


// export const metadata: Metadata = {
//     title: t('theoreticalTraining'),
// };
const page = ({ params, searchParams }: { params: { id: string }, searchParams: { videoId: string } }) => {
    const { id } = params
    const { videoId } = searchParams
    return (
        <div className='flex flex-col justify-center items-center md:my-16 max-md:my-2 '>
            <ListVideo id={id} videoId={videoId} />
        </div>
    )
}

export default page