@selfcommunity/react-ui/lib/esm/components/EditCourse/Users/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 { Skeleton, Stack } from '@mui/material';
import { PREFIX } from '../constants';
import { CourseUsersTableSkeleton } from '../../../shared/CourseUsersTable';
import { Fragment } from 'react';
const classes = {
    root: `${PREFIX}-skeleton-root`,
    usersStatusWrapper: `${PREFIX}-users-status-wrapper`
};
export default function UsersSkeleton() {
    return (_jsxs(Fragment, { children: [_jsx(Skeleton, { animation: "wave", variant: "text", width: "136px", height: "22px" }), _jsxs(Stack, Object.assign({ className: classes.usersStatusWrapper }, { children: [_jsx(Skeleton, { animation: "wave", variant: "rectangular", width: "122px", height: "32px" }), _jsx(Skeleton, { animation: "wave", variant: "rounded", width: "154px", height: "29px" })] })), _jsx(CourseUsersTableSkeleton, {})] }));
}