32 lines
1.2 KiB
TypeScript
32 lines
1.2 KiB
TypeScript
import { ComponentGlobal_CardStyles } from "@/app_modules/_global/component";
|
|
import CustomSkeleton from "@/app_modules/components/CustomSkeleton";
|
|
import { Box, Grid } from "@mantine/core";
|
|
|
|
export default function SkeletonDonasi() {
|
|
return <>
|
|
<Box>
|
|
{[...Array(3)].map((_, index) => (
|
|
<ComponentGlobal_CardStyles key={index}>
|
|
<Grid>
|
|
<Grid.Col span={6}>
|
|
<CustomSkeleton w={"100%"} height={100} radius="md" />
|
|
</Grid.Col>
|
|
<Grid.Col span={6}>
|
|
<Box>
|
|
{[...Array(4)].map((_, index) => (
|
|
<Box key={index} py={5}>
|
|
<Grid align="center">
|
|
<Grid.Col span={12}>
|
|
<CustomSkeleton w={"100%"} h={15} />
|
|
</Grid.Col>
|
|
</Grid>
|
|
</Box>
|
|
))}
|
|
</Box>
|
|
</Grid.Col>
|
|
</Grid>
|
|
</ComponentGlobal_CardStyles>
|
|
))}
|
|
</Box >
|
|
</>;
|
|
} |