Styled Card - Copy this React, Mui Component to your project

Generate for me top staff with 4 section. You can see code below but let creative UI so beautiful . <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>