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