Press n or j to go to the next uncovered block, b, p or k for the previous block.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | 1x 1x 14x 28x 28x | import Skeleton from "@components/animation/Skeleton";
import { Stack } from "@mui/material";
import { SkeletonOwnProps } from "@mui/material";
const skeletonDefaultProps: SkeletonOwnProps = {
sx: { borderRadius: "20px" },
variant: "rectangular",
};
export const RespondModalLoadingSkeleton = () => {
return (
<Stack gap="24px">
{Array.from({ length: 2 }).map((_, index) => (
<Stack flex={1} key={"small-respond-skeleton" + index}>
<Skeleton height="48px" width="100%" {...skeletonDefaultProps} />
</Stack>
))}
{Array.from({ length: 2 }).map((_, index) => (
<Stack flex={1} key={"respond-skeleton" + index}>
<Skeleton height="148px" width="100%" {...skeletonDefaultProps} />
</Stack>
))}
</Stack>
);
};
|