import React from 'react';
import Skeleton from '@mui/material/Skeleton';
import editorStyles from '../editors.module.css';
import styles from './ChangeItemEditor.module.css';
export var SkeletonChangeItemEditorLoader = function () {
    return (React.createElement("div", { className: editorStyles.attributeRow },
        React.createElement("div", { className: editorStyles.labelColumn },
            React.createElement(Skeleton, { variant: "text", width: "90%", height: 18, className: styles.columnSkeleton })),
        React.createElement("div", { className: editorStyles.valueColumn },
            React.createElement(Skeleton, { variant: "text", height: 40, className: styles.columnSkeleton })),
        React.createElement("div", { className: editorStyles.revertColumn }),
        React.createElement("div", { className: editorStyles.operationColumn },
            React.createElement(Skeleton, { variant: "rectangular", width: 60, height: 20, className: styles.columnSkeleton }))));
};
