@jioponda/modal
Version:
This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
39 lines (38 loc) • 1.15 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports["default"] = void 0;
exports.displayModal = displayModal;
exports.hideModal = hideModal;
require("./Modal.css");
var _react = _interopRequireDefault(require("react"));
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
// fonction d'affichage de la modale
function displayModal() {
var modal = document.querySelector("#confirmation");
modal.style.display = "block";
}
// fonction de cache de la modale
function hideModal() {
var modal = document.querySelector("#confirmation");
modal.style.display = "none";
}
function Modal(_ref) {
var Text = _ref.Text;
return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
id: "confirmation",
className: "modal",
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
onClick: hideModal,
className: "close-modal",
children: "X"
}), /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
className: "text-modal",
children: Text
})]
});
}
var _default = Modal;
exports["default"] = _default;