"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SkeletonEntityChangesGroupLoader = void 0;
var react_1 = __importDefault(require("react"));
var Accordion_1 = __importDefault(require("@mui/material/Accordion"));
var AccordionSummary_1 = __importDefault(require("@mui/material/AccordionSummary"));
var AccordionDetails_1 = __importDefault(require("@mui/material/AccordionDetails"));
var ExpandMore_1 = __importDefault(require("@mui/icons-material/ExpandMore"));
var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
var ChangeItemEditor_1 = require("../ChangeItemEditor");
var EntityChangesGroup_module_css_1 = __importDefault(require("./EntityChangesGroup.module.css"));
var SkeletonEntityChangesGroupLoader = function () {
    return (react_1.default.createElement(Accordion_1.default, { className: EntityChangesGroup_module_css_1.default.entityGroup, classes: { disabled: EntityChangesGroup_module_css_1.default.skeletonEntityGroupDisabled }, defaultExpanded: true, disabled: true },
        react_1.default.createElement(AccordionSummary_1.default, { expandIcon: react_1.default.createElement(ExpandMore_1.default, null), className: EntityChangesGroup_module_css_1.default.entityHeader, classes: {
                content: EntityChangesGroup_module_css_1.default.accordionContent
            } },
            react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "150px", height: 30 })),
        react_1.default.createElement(AccordionDetails_1.default, { className: EntityChangesGroup_module_css_1.default.attributesList }, Array.from({ length: 3 }).map(function (_, index) { return (react_1.default.createElement(ChangeItemEditor_1.SkeletonChangeItemEditorLoader, { key: "change-list-item-loader-".concat(index) })); }))));
};
exports.SkeletonEntityChangesGroupLoader = SkeletonEntityChangesGroupLoader;
