"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.SkeletonChangeItemEditorLoader = void 0;
var react_1 = __importDefault(require("react"));
var Skeleton_1 = __importDefault(require("@mui/material/Skeleton"));
var editors_module_css_1 = __importDefault(require("../editors.module.css"));
var ChangeItemEditor_module_css_1 = __importDefault(require("./ChangeItemEditor.module.css"));
var SkeletonChangeItemEditorLoader = function () {
    return (react_1.default.createElement("div", { className: editors_module_css_1.default.attributeRow },
        react_1.default.createElement("div", { className: editors_module_css_1.default.labelColumn },
            react_1.default.createElement(Skeleton_1.default, { variant: "text", width: "90%", height: 18, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
        react_1.default.createElement("div", { className: editors_module_css_1.default.valueColumn },
            react_1.default.createElement(Skeleton_1.default, { variant: "text", height: 40, className: ChangeItemEditor_module_css_1.default.columnSkeleton })),
        react_1.default.createElement("div", { className: editors_module_css_1.default.revertColumn }),
        react_1.default.createElement("div", { className: editors_module_css_1.default.operationColumn },
            react_1.default.createElement(Skeleton_1.default, { variant: "rectangular", width: 60, height: 20, className: ChangeItemEditor_module_css_1.default.columnSkeleton }))));
};
exports.SkeletonChangeItemEditorLoader = SkeletonChangeItemEditorLoader;
