firebase-admin-panel/lib/components/Modal.js

A customizable React admin panel for managing Firebase collections.

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactDom = _interopRequireDefault(require("react-dom"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Modal = _ref => {
  let {
    children,
    onClose
  } = _ref;
  return /*#__PURE__*/_reactDom.default.createPortal( /*#__PURE__*/_react.default.createElement("div", {
    className: "fixed inset-0 flex items-start justify-center bg-black bg-opacity-50 overflow-y-scroll"
  }, /*#__PURE__*/_react.default.createElement("div", {
    className: "bg-white p-4 rounded-lg shadow-lg w-[30vw]"
  }, children)), document.getElementById("modal-root"));
};
var _default = exports.default = Modal;