import Grid from "@mui/material/Grid";
import * as React from "react";
import AnnounceCard from "./AnnounceCard";
import {MOCK_STAGES} from "../../data/constants";

const AnnounceBlock = () => {
    const stages = MOCK_STAGES.slice(0, 3);
    return (
        <Grid container spacing={4} sx={{mb: 6}}>
            {stages.map((champ, index) => (
                <Grid item xs={12} sm={6} md={4} key={index}>
                    <AnnounceCard champ={champ}/>
                </Grid>
            ))}
        </Grid>
    );
}

export default AnnounceBlock;