@selfcommunity/react-ui/lib/esm/components/RelatedEventsWidget/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 { CardActions, CardContent, Divider, Skeleton, Stack } from '@mui/material';
import { styled } from '@mui/system';
import { Fragment } from 'react';
import 'swiper/css';
import { EventSkeleton } from '../Event';
import Widget from '../Widget';
import { PREFIX } from './constants';
const classes = {
    root: `${PREFIX}-skeleton-root`,
    content: `${PREFIX}-content`,
    user: `${PREFIX}-user`,
    eventWrapper: `${PREFIX}-event-wrapper`,
    event: `${PREFIX}-event`,
    actions: `${PREFIX}-actions`
};
const Root = styled(Widget, {
    name: PREFIX,
    slot: 'SkeletonRoot',
    overridesResolver: (_props, styles) => styles.skeletonRoot
})(() => ({}));
export default function RelatedEventsWidgetSkeleton() {
    return (_jsxs(Root, Object.assign({ className: classes.root }, { children: [_jsx(CardContent, Object.assign({ className: classes.content }, { children: _jsx(Stack, Object.assign({ className: classes.eventWrapper }, { children: [1, 2, 3, 4].map((_event, i, array) => (_jsxs(Fragment, { children: [_jsx(EventSkeleton, { elevation: 0, className: classes.event }), i < array.length - 1 && _jsx(Divider, {})] }, i))) })) })), _jsx(CardActions, Object.assign({ className: classes.actions }, { children: _jsx(Skeleton, { animation: "wave", width: "52px", height: "20px" }) }))] })));
}