import Typography from "@mui/material/Typography";
import Box from "@mui/material/Box";
import * as React from "react";
import Button from "@mui/material/Button";
import CountdownTimer from "./CountdownTimer";

const NextStageTimer = () => {
    const title = 'SWC Зимний чемпионат 2025–2026';
    return (
        <Box sx={{textAlign: 'center', mb: 6}}>
            <Typography variant="h5" sx={{mb: 2}}>
                Следующий этап "{title}":
            </Typography>
            <CountdownTimer targetDate="2026-02-08T09:00:00"/>
            <Button variant="contained" color="secondary" sx={{mt:2}}>
                Регистрация
            </Button>
        </Box>
    )
}

export default NextStageTimer;