cosmo-ui
Version:
Common React components
33 lines • 1.42 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var React = require("react");
var _1 = require("../");
var styles = require('../../../src/styles/components/modal.scss');
/**
* A message modal only has one button
* and all it does is close the modal
*/
var MessageModal = (function (_super) {
tslib_1.__extends(MessageModal, _super);
function MessageModal() {
return _super !== null && _super.apply(this, arguments) || this;
}
MessageModal.prototype.render = function () {
var _a = this.props.state.modalProps, closeButton = _a.closeButton, message = _a.message, icon = _a.icon;
return (React.createElement(_1.ModalPopup, { closeButton: closeButton },
React.createElement(_1.ModalPopupContent, null,
icon
? React.createElement(_1.Icon, { className: styles.modalIcon, size: 32, fill: "primary", icon: icon })
: null,
React.createElement("div", { className: styles.modalMessage },
" ",
message,
" ")),
React.createElement(_1.ButtonBar, null,
React.createElement(_1.Button, { onClick: this.props.closeModal }, "OK"))));
};
return MessageModal;
}(React.Component));
exports.MessageModal = MessageModal;
//# sourceMappingURL=message-modal.js.map