"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.TopologyColumnHeader = exports.TopologyColumn = void 0;

var _react = _interopRequireDefault(require("react"));

var _propTypes = _interopRequireDefault(require("prop-types"));

var _clsx = _interopRequireDefault(require("clsx"));

var _jsxRuntime = require("react/jsx-runtime");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }

var TopologyColumn = function TopologyColumn(_ref) {
  var title = _ref.title,
      cards = _ref.cards;
  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
    className: "p-3 bg-column-background border border-column-background rounded-md",
    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(TopologyColumnHeader, {
      className: "mb-4",
      name: title
    }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
      children: cards
    })]
  });
};

exports.TopologyColumn = TopologyColumn;
TopologyColumn.propTypes = {
  title: _propTypes.default.string.isRequired
};

var TopologyColumnHeader = function TopologyColumnHeader(_ref2) {
  var name = _ref2.name,
      className = _ref2.className;
  return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
    className: (0, _clsx.default)("text-center bg-warm-blue p-4 rounded-md font-bold text-sm", _defineProperty({}, className, className)),
    children: /*#__PURE__*/(0, _jsxRuntime.jsx)("h4", {
      children: name
    })
  });
};

exports.TopologyColumnHeader = TopologyColumnHeader;
TopologyColumnHeader.propTypes = {
  name: _propTypes.default.string.isRequired,
  className: _propTypes.default.string
};
TopologyColumnHeader.defaultProps = {
  className: ""
};