aswi2022code-of-duty-gitlab/frontend/src/features/Reusables/ContentLoading.tsx @ 4a2ac9a8

import { Skeleton, Stack, Typography } from "@mui/material";
import { Fragment } from "react";

/**
 * Component that shows a skeleton while the specified item is loading
 * @returns 
 */
const ContentLoading = () => (
    <Fragment>
        <Typography align="center" fontWeight={400}>
            Loading ...
        </Typography>
        <Stack justifyContent="center" alignItems="center">
            <Skeleton variant="rectangular" width="100%" height="25%" />
        </Stack>
    </Fragment>
)

export default ContentLoading