one-api/web/berry/src/ui-component/cards/Skeleton/EarningCard.js
2024-01-02 16:04:59 +08:00

33 lines
934 B
JavaScript

// material-ui
import { Card, CardContent, Grid } from '@mui/material';
import Skeleton from '@mui/material/Skeleton';
// ==============================|| SKELETON - EARNING CARD ||============================== //
const EarningCard = () => (
<Card>
<CardContent>
<Grid container direction="column">
<Grid item>
<Grid container justifyContent="space-between">
<Grid item>
<Skeleton variant="rectangular" width={44} height={44} />
</Grid>
<Grid item>
<Skeleton variant="rectangular" width={34} height={34} />
</Grid>
</Grid>
</Grid>
<Grid item>
<Skeleton variant="rectangular" sx={{ my: 2 }} height={40} />
</Grid>
<Grid item>
<Skeleton variant="rectangular" height={30} />
</Grid>
</Grid>
</CardContent>
</Card>
);
export default EarningCard;