@selfcommunity/react-ui/lib/esm/shared/CourseUsersTable/Skeleton.js

React UI Components to integrate a Community created with SelfCommunity Platform.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Box, Skeleton, styled, Table, TableBody, TableContainer, TableHead } from '@mui/material';
import CourseUsersTableRowSkeleton from './RowSkeleton';
import { PREFIX } from './constants';
const classes = {
    root: `${PREFIX}-skeleton-root`
};
const Root = styled(Box, {
    name: PREFIX,
    slot: 'SkeletonRoot',
    overridesResolver: (_props, styles) => styles.skeletonRoot
})(() => ({}));
export default function CourseUsersTableSkeleton() {
    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(Skeleton, { animation: "wave", variant: "rectangular", width: "100%", height: "53px" }), _jsx(TableContainer, { children: _jsxs(Table, { children: [_jsx(TableHead, { children: _jsx(CourseUsersTableRowSkeleton, { header: true, editMode: true }) }), _jsx(TableBody, { children: _jsx(CourseUsersTableRowSkeleton, { editMode: true }) })] }) })] })));
}