@prefect9/ui/components/Modal/Confirm.js

UI React components

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
require("core-js/modules/es.symbol.description.js");
var _isType = require("@prefect9/is-type");
var _jsxRuntime = require("react/jsx-runtime");
function Confirm(_ref) {
  let {
    resolve,
    reject,
    title,
    description,
    confirmBtnClass,
    closeBtnClass
  } = _ref;
  const clickHandler = type => e => {
    e.preventDefault();
    resolve(type);
  };
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "prefect9-modal__content prefect9-modal__confirm",
    children: [(0, _isType.isStr)(title) && title ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "prefect9-modal__title",
      children: title
    }) : null, (0, _isType.isStr)(description) && description ? /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      className: "prefect9-modal__description",
      children: description
    }) : null, /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
      className: "prefect9-modal__btns",
      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "prefect9-modal__btn",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: "prefect9-btn ".concat(confirmBtnClass),
          onClick: clickHandler(true),
          children: "OK"
        })
      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
        className: "prefect9-modal__btn",
        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
          className: "prefect9-btn ".concat(closeBtnClass),
          onClick: clickHandler(false),
          children: "Close"
        })
      })]
    })]
  });
}
var _default = exports.default = Confirm;