@selfcommunity/react-ui/lib/cjs/components/CourseDashboard/Header/Skeleton.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const material_1 = require("@mui/material");
const constants_1 = require("../constants");
const classes = {
    header: `${constants_1.PREFIX}-header`,
    img: `${constants_1.PREFIX}-header-img`,
    outerWrapper: `${constants_1.PREFIX}-header-outer-wrapper`,
    innerWrapper: `${constants_1.PREFIX}-header-inner-wrapper`,
    iconWrapper: `${constants_1.PREFIX}-header-icon-wrapper`
};
function HeaderSkeleton() {
    return ((0, jsx_runtime_1.jsxs)(material_1.Box, Object.assign({ className: classes.header }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "rectangular", className: classes.img }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "text", width: "266px", height: "25px" }), (0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.outerWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Stack, Object.assign({ className: classes.innerWrapper }, { children: Array.from(new Array(2)).map((_, i) => ((0, jsx_runtime_1.jsxs)(material_1.Stack, Object.assign({ className: classes.iconWrapper }, { children: [(0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "rectangular", width: "20px", height: "20px" }), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "text", width: "50px", height: "21px" })] }), i))) })), (0, jsx_runtime_1.jsx)(material_1.Skeleton, { animation: "wave", variant: "rounded", width: "160px", height: "28px" })] }))] })));
}
exports.default = HeaderSkeleton;