@cimpress/react-components/dist/src/ReactTablev6/TableSpinner.js

React components to support the MCP styleguide

"use strict";
var __importDefault = (this && this.__importDefault) || function (mod) {
    return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.TableSpinner = void 0;
const react_1 = __importDefault(require("react"));
const Spinner_1 = require("../Spinner");
const defaultNoDataText = 'Loading...';
const TableSpinner = ({ loading, loadingText, entireHeaderHeight = 0 }) => {
    if (!loading) {
        return null;
    }
    return (react_1.default.createElement("div", { style: {
            position: 'absolute',
            left: 0,
            top: entireHeaderHeight,
            bottom: 0,
            width: '100%',
            backgroundColor: 'rgba(255,255,255,0.8)',
            display: 'flex',
            flexDirection: 'column',
            alignItems: 'center',
            justifyContent: 'center',
        } },
        react_1.default.createElement(Spinner_1.Spinner, null),
        loadingText || defaultNoDataText));
};
exports.TableSpinner = TableSpinner;
//# sourceMappingURL=TableSpinner.js.map