@guardian/threads
Version:
19 lines • 705 B
JavaScript
import React from 'react';
import { createPortal } from 'react-dom';
import styles from './Modal.module.css';
export var Modal = function (_a) {
var children = _a.children, onClose = _a.onClose;
var back = function (e) {
e.stopPropagation();
onClose();
};
var modalNode = document.querySelector('#modals');
if (modalNode) {
return createPortal(React.createElement("div", { className: styles.modalDimmer, onMouseDown: back },
React.createElement("div", { className: styles.modalPanel, onMouseDown: function (e) { return e.stopPropagation(); } }, children)), modalNode);
}
else {
return null;
}
};
//# sourceMappingURL=Modal.js.map