@ichigo_san/graphing
Version:
A lightweight UML-style diagram editor built with React Flow and Tailwind CSS
44 lines (43 loc) • 1.78 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 ContainerSelectorModal = _ref => {
let {
isOpen,
title,
message,
containers,
onSelect,
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: "container-list"
}, containers.length > 0 ? containers.map(container => /*#__PURE__*/_react.default.createElement("div", {
key: container.id,
className: "container-item",
onClick: () => onSelect(container.id)
}, /*#__PURE__*/_react.default.createElement("div", {
className: "container-icon"
}, container.data.icon), /*#__PURE__*/_react.default.createElement("div", {
className: "container-label"
}, container.data.label))) : /*#__PURE__*/_react.default.createElement("p", null, "No containers available"))), /*#__PURE__*/_react.default.createElement("div", {
className: "modal-footer"
}, /*#__PURE__*/_react.default.createElement("button", {
className: "modal-button cancel",
onClick: onCancel
}, "Cancel"))));
};
var _default = exports.default = ContainerSelectorModal;