import Typography from "@mui/material/Typography";
import Box from "@mui/material/Box";
import Button from "@mui/material/Button";
import {Link} from "react-router-dom";
import {paths} from "../../path";
import * as React from "react";

const LastResult = () => {
    // Результаты последнего этапа
    const results = {
        Юниоры: ['Пупкин Петя', 'Иванов Ваня', 'Кот Кирилл'],
        Взрослые: ['Пупкин Петя', 'Иванов Ваня', 'Кот Кирилл'],
        Богатыри: ['Пупкин Петя', 'Иванов Ваня', 'Кот Кирилл'],
        '35+': ['Пупкин Петя', 'Иванов Ваня', 'Кот Кирилл'],
    };

    return (
        <Box sx={{mb: 6}}>
            <Typography variant="h5" sx={{mb: 3}}>
                Итоги 1‑го этапа SWC (18.01.2026)
            </Typography>
            {Object.entries(results).map(([category, winners]) => (
                <Box key={category} sx={{mb: 2}}>
                    <Typography variant="subtitle1" color="primary">
                        {category}:
                    </Typography>
                    <Typography color="text.secondary">
                        1 место: {winners[0]}, 2 место: {winners[1]}, 3 место: {winners[2]}
                    </Typography>
                </Box>
            ))}
            <Button
                component={Link}
                variant="outlined"
                to={paths.stg.stages}
                sx={{mt: 3}}
            >
                Все результаты
            </Button>
        </Box>
    )
}

export default LastResult;