@ichigo_san/graphing/dist/components/modals/ContainerSelectorModal.js

A lightweight UML-style diagram editor built with React Flow and Tailwind CSS

"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 = ({
  isOpen,
  title,
  message,
  containers,
  onSelect,
  onCancel
}) => {
  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;