@trellixio/roaster-coffee/cjs/components/Modal/Modal.js

Beans' product component library

'use strict';

var React = require('react');
var index = require('../../utils/classNames/index.js');
require('@floating-ui/react');
var ButtonIcon = require('../ButtonIcon/ButtonIcon.js');

function _interopNamespaceDefault(e) {
  var n = Object.create(null);
  if (e) {
    for (var k in e) {
      n[k] = e[k];
    }
  }
  n.default = e;
  return Object.freeze(n);
}

var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);

function Modal({ className, opened, title, onClose, children, size = "small", footer }) {
  if (!opened) return null;
  return /* @__PURE__ */ React__namespace.createElement("section", { className: "modal visible" }, /* @__PURE__ */ React__namespace.createElement("div", { className: "background-overlay", onClick: onClose }), /* @__PURE__ */ React__namespace.createElement("div", { className: index.classNames("modal-popup", size, className) }, /* @__PURE__ */ React__namespace.createElement("div", { className: "modal-header" }, /* @__PURE__ */ React__namespace.createElement("h3", null, title), /* @__PURE__ */ React__namespace.createElement(ButtonIcon.ButtonIcon, { variant: "close-modal", onClick: onClose }, /* @__PURE__ */ React__namespace.createElement("i", { className: "fa-regular fa-xmark" }))), /* @__PURE__ */ React__namespace.createElement("div", { className: "modal-body" }, children), footer && /* @__PURE__ */ React__namespace.createElement("div", { className: "modal-footer" }, footer)));
}
Modal.displayName = "Modal";

exports.Modal = Modal;
//# sourceMappingURL=Modal.js.map