@filerobot/approvals
Version:
Asset approvals package for Filerobot
41 lines • 1.49 kB
JavaScript
import { Skeleton } from '@scaleflex/ui/core';
import Arrow from '@scaleflex/icons/arrow';
import StyledApproval from '../../Approval/Approval.styled';
import { Styled } from './ModalView.styled';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
var ModalViewSkeleton = function ModalViewSkeleton() {
var ApprovalAvatar = function ApprovalAvatar() {
return /*#__PURE__*/_jsx(Styled.AvatarSkeleton, {
width: 42,
height: 42
});
};
return /*#__PURE__*/_jsxs(Styled.ModalSkeletonWrapper, {
children: [/*#__PURE__*/_jsxs(Styled.ModalSkeletonHeader, {
children: [/*#__PURE__*/_jsxs(Styled.ModalSkeletonTitle, {
children: [/*#__PURE__*/_jsx(Styled.StatusSkeleton, {}), /*#__PURE__*/_jsx(Skeleton, {
width: 124,
height: 18
})]
}), /*#__PURE__*/_jsx(Skeleton, {
width: 164,
height: 20
})]
}), /*#__PURE__*/_jsx(Skeleton, {
width: 215,
height: 24
}), /*#__PURE__*/_jsxs(StyledApproval.ApproversSectionContainer, {
children: [/*#__PURE__*/_jsx(ApprovalAvatar, {}), /*#__PURE__*/_jsx(StyledApproval.ApproversSectionArrow, {
children: /*#__PURE__*/_jsx(Arrow, {
size: 8
})
}), Array(3).fill().map(function (_, index) {
return /*#__PURE__*/_jsx(ApprovalAvatar, {}, index);
})]
}), /*#__PURE__*/_jsx(Styled.ButtonSkeleton, {
width: 76,
height: 16
})]
});
};
export default ModalViewSkeleton;