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

Beans' product component library

import * as React from 'react';
import { classNames } from '../../utils/classNames/index.js';
import '@floating-ui/react';
import { ButtonIcon } from '../ButtonIcon/ButtonIcon.js';

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

export { Modal };
//# sourceMappingURL=Modal.js.map