@ichigo_san/graphing
Version:
A lightweight UML-style diagram editor built with React Flow and Tailwind CSS
36 lines (35 loc) • 1.27 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const ConfirmModal = _ref => {
let {
isOpen,
title,
message,
onConfirm,
onCancel
} = _ref;
if (!isOpen) return null;
return /*#__PURE__*/_react.default.createElement("div", {
className: "modal-overlay"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "modal-container"
}, /*#__PURE__*/_react.default.createElement("div", {
className: "modal-header"
}, /*#__PURE__*/_react.default.createElement("h3", null, title)), /*#__PURE__*/_react.default.createElement("div", {
className: "modal-body"
}, /*#__PURE__*/_react.default.createElement("p", null, message)), /*#__PURE__*/_react.default.createElement("div", {
className: "modal-footer"
}, /*#__PURE__*/_react.default.createElement("button", {
className: "modal-button cancel",
onClick: onCancel
}, "Cancel"), /*#__PURE__*/_react.default.createElement("button", {
className: "modal-button confirm",
onClick: onConfirm
}, "Confirm"))));
};
var _default = exports.default = ConfirmModal;