@dabapps/roe/dist/js/components/modals/modal-renderer.js

A collection of React components, styles, mixins, and atomic CSS classes to aid with the development of web applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var React = require("react");
var react_transition_group_1 = require("react-transition-group");
var TIMEOUT = {
    appear: 300,
    enter: 300,
    exit: 200,
};
/**
 * Required to render modals.
 * Should be rendered in the root of your app.
 * See the [Modal](#modal) section for a full example.
 */
var ModalRenderer = function (props) {
    var modals = props.modals;
    return (React.createElement(react_transition_group_1.TransitionGroup, null, modals &&
        modals.map(function (modal, index) { return (React.createElement(react_transition_group_1.CSSTransition, { key: index, classNames: "modal-transition", timeout: TIMEOUT },
            React.createElement("div", { className: "modal-container" }, modal))); })));
};
exports.default = React.memo(ModalRenderer);
//# sourceMappingURL=modal-renderer.js.map