import { Metadata } from 'next';
import React from 'react';
import { getTranslation } from '../../../../i18n';
import { ComponentDetails } from '@/components/pages/theoreticalTraining/ComponentDetails';

const { t } = getTranslation();

export const metadata: Metadata = {
    title: t('theoreticalTraining'),
};

const Page = async () => {
    return <div className='md:px-[70px] flex flex-col gap-8 mb-[50px]'>
        <ComponentDetails />
    </div>;
};

export default Page;