import {Grid, Paper} from "@mui/material";

function BasicStatistics() {
    //make json object here with info u want
    return (
        <Grid sx={{ flexGrow: 1, padding: 50 + 'px'}} container spacing={2}>
            <Grid item xs={12}>
                <Grid container justifyContent="center" spacing={5}>
                    { [0, 1, 2].map((value) => (
                        <Grid key={value} item>
                            <Paper
                                sx={{
                                    height: 140,
                                    width: 200,
                                }}
                            >
                                hi
                                </Paper>
                        </Grid>
                    ))}
                </Grid>
            </Grid>
        </Grid>
    )

}
export default BasicStatistics;