49 lines
1.2 KiB
JavaScript
49 lines
1.2 KiB
JavaScript
import React from "react";
|
|
import Container from "@mui/material/Container";
|
|
import Box from "@mui/material/Box";
|
|
import Typography from "@mui/material/Typography";
|
|
import { useTranslation } from 'react-i18next';
|
|
|
|
const ThcTestPage = () => {
|
|
const { t } = useTranslation();
|
|
|
|
return (
|
|
<Container maxWidth="lg" sx={{ pt: 4, pb: 2, maxWidth: '1200px !important' }}>
|
|
<Typography
|
|
variant="h3"
|
|
component="h1"
|
|
sx={{
|
|
mb: 4,
|
|
fontFamily: "SwashingtonCP",
|
|
color: "primary.main",
|
|
textAlign: "center",
|
|
textShadow: "3px 3px 10px rgba(0, 0, 0, 0.4)"
|
|
}}
|
|
>
|
|
{t('pages.thcTest.title')}
|
|
</Typography>
|
|
|
|
<Box
|
|
sx={{
|
|
display: "flex",
|
|
justifyContent: "center",
|
|
alignItems: "center",
|
|
minHeight: "50vh",
|
|
textAlign: "center"
|
|
}}
|
|
>
|
|
<Typography
|
|
variant="h5"
|
|
sx={{
|
|
color: "text.secondary",
|
|
fontStyle: "italic"
|
|
}}
|
|
>
|
|
{t('pages.thcTest.comingSoon')}
|
|
</Typography>
|
|
</Box>
|
|
</Container>
|
|
);
|
|
};
|
|
|
|
export default ThcTestPage;
|