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;