modale_npm_lib/dist/index.js

A simple react component library for the hrnet project (OpenClassrooms)

"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=e(require("react"));!function(e,t){void 0===t&&(t={});var l=t.insertAt;if(e&&"undefined"!=typeof document){var a=document.head||document.getElementsByTagName("head")[0],n=document.createElement("style");n.type="text/css","top"===l&&a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.styleSheet?n.styleSheet.cssText=e:n.appendChild(document.createTextNode(e))}}(".full-screen{background-color:rgba(0,0,0,.48);height:100%;left:0;position:fixed;top:0;width:100%;z-index:999}.modale{background-color:#fff;border-radius:8px;margin:0 24%;padding:32px 48px;position:relative;text-align:center;top:50%;transform:translateY(-50%)}.round-button{position:absolute;right:-24px;top:-24px}.full-screen[data-display=false]{display:none}.full-screen[data-display=true]{display:initial}");exports.Modal=function(e){var l=e.title,a=e.description,n=e.displayed,d=e.onClick;return t.default.createElement("div",{className:"full-screen","data-display":n},t.default.createElement("div",{className:"modale"},t.default.createElement("h1",null,l),t.default.createElement("p",null,a),t.default.createElement("button",{onClick:null!=d?d:void 0},"OK")))};