import React from 'react';
import classnames from 'classnames';
import LinearProgress from '@mui/material/LinearProgress';
import { useStyles } from './styles';
export var LinearLoadIndicator = function (_a) {
    var _b;
    var _c = _a.transparent, transparent = _c === void 0 ? false : _c, _d = _a.relativePosition, relativePosition = _d === void 0 ? false : _d, className = _a.className;
    var styles = useStyles();
    return (React.createElement("div", { "data-reltio-id": "reltio-linear-load-indicator", className: classnames(styles.loadingOverlay, className, (_b = {},
            _b[styles.transparent] = transparent,
            _b[styles.relativePosition] = relativePosition,
            _b)) },
        React.createElement(LinearProgress, { color: "primary" })));
};
