@aappddeevv/dynamics-client-ui/lib/Components/BusyView.js

## What is it? A library to help you create great dynamics applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
const tslib_1 = require("tslib");
/*
 * Busy view with spinning thing and a message. Designed for showing a spinner
 * in place of data while a fetch/processing in progress.
 */
const React = require("react");
const Spinner_1 = require("office-ui-fabric-react/lib/Spinner");
const defaultStyle = {
    display: "flex",
    flexDirection: "column",
    alignContent: "center",
    alignItems: "center",
    justifyContent: "center",
};
/** Vertically and horizontally center the content spinner and message. */
function BusyView(props) {
    let { message, size, style } = props, rest = tslib_1.__rest(props, ["message", "size", "style"]);
    style = Object.assign({}, defaultStyle, style);
    return (React.createElement("div", Object.assign({ style: style }, rest),
        React.createElement(Spinner_1.Spinner, { size: size ? size : Spinner_1.SpinnerSize.large }),
        message ?
            React.createElement("div", { style: { marginTop: 20 } }, message ? message : null) : null,
        props.children));
}
exports.BusyView = BusyView;
exports.default = BusyView;
//# sourceMappingURL=BusyView.js.map