@selfcommunity/react-ui/lib/esm/components/CourseDashboard/Teacher/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 { PREFIX } from '../constants';
import { Box, Skeleton, Stack, styled } from '@mui/material';
import HeaderSkeleton from '../Header/Skeleton';
import { CourseUsersTableSkeleton } from '../../../shared/CourseUsersTable';
import classNames from 'classnames';
const classes = {
    root: `${PREFIX}-skeleton-root`,
    teacher: `${PREFIX}-teacher`,
    infoWrapper: `${PREFIX}-info-wrapper`,
    info: `${PREFIX}-info`,
    tabList: `${PREFIX}-tab-list`
};
const Root = styled(Box, {
    name: PREFIX,
    slot: 'SkeletonRoot',
    overridesResolver: (_props, styles) => styles.skeletonRoot
})(() => ({}));
export default function TeacherSkeleton() {
    return (_jsxs(Root, Object.assign({ className: classNames(classes.root, classes.teacher) }, { children: [_jsx(HeaderSkeleton, {}), _jsx(Stack, Object.assign({ className: classes.infoWrapper }, { children: Array.from(new Array(2)).map((_, i) => (_jsxs(Stack, Object.assign({ className: classes.info }, { children: [_jsx(Skeleton, { animation: "wave", variant: "text", width: "100px", height: "21px" }), _jsx(Skeleton, { animation: "wave", variant: "text", width: "100px", height: "21px" })] }), i))) })), _jsx(Stack, Object.assign({ className: classes.tabList }, { children: Array.from(new Array(2)).map((_, i) => (_jsx(Skeleton, { animation: "wave", variant: "text", width: "80px", height: "21px" }, i))) })), _jsx(CourseUsersTableSkeleton, {})] })));
}