Top Staff Section - Copy this React, Tailwind Component to your project

Let generate top staff for 4 section, you can see layout like this or creative. <Accordion sx={{ borderRadius: 1, mt: 2 }} variant="outlined" defaultExpanded > <AccordionSummary expandIcon={<ExpandMore />}> <Typography sx={{ mt: 1 }} variant="h5" fontWeight={"bold"}> Top nhân viên </Typography> </AccordionSummary> <AccordionDetails> <Grid container spacing={2}> <Grid xs={12} md={6}> <Paper variant="outlined" sx={{ ml: 2, mb: 2, p: 2 }}> <Typography sx={{ mt: 1 }} variant="body1" fontWeight={"bold"} > Nhiều dự án nhất </Typography> </Paper> </Grid> <Grid xs={12} md={6}> <Paper variant="outlined" sx={{ ml: 2, mb: 2, p: 2 }}> <Typography sx={{ mt: 1 }} variant="body1" fontWeight={"bold"} > Estimate cao nhất </Typography> </Paper> </Grid> <Grid xs={12} md={6}> <Paper variant="outlined" sx={{ ml: 2, mb: 2, p: 2 }}> <Typography sx={{ mt: 1 }} variant="body1" fontWeight={"bold"} > Nhiều task nhất </Typography> </Paper> </Grid> <Grid xs={12} md={6}> <Paper variant="outlined" sx={{ ml: 2, mb: 2, p: 2 }}> <Typography sx={{ mt: 1 }} variant="body1" fontWeight={"bold"} > Trễ task nhiều nhất </Typography> </Paper> </Grid> </Grid> </AccordionDetails> </Accordion>