const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
const require_Detail = require("../../../../Sales/Event/Detail.js");
const require_index = require("../../resourceDisplay/index.js");
const require_index$1 = require("../../OpenCard/index.js");
let react = require("react");
react = require_runtime.__toESM(react);
//#region src/components/eventBooking/components/bookingDetailModal/components/Resource.tsx
const Resource = (props) => {
	const { detail } = require_Detail.useEventDetail();
	const resource = (detail === null || detail === void 0 ? void 0 : detail.resource) || [];
	return /* @__PURE__ */ react.default.createElement(require_index$1.default, {
		showBorder: true,
		showArrow: false,
		showHeader: false,
		className: "detail-resource-wrap"
	}, resource === null || resource === void 0 ? void 0 : resource.map((item, index) => {
		var _item$children;
		return /* @__PURE__ */ react.default.createElement("div", {
			key: index,
			className: "item"
		}, /* @__PURE__ */ react.default.createElement("span", { className: "title" }, item.title), (_item$children = item.children) === null || _item$children === void 0 ? void 0 : _item$children.map((i) => {
			return /* @__PURE__ */ react.default.createElement(require_index.default, {
				key: i.id,
				dataSource: i,
				showSubtitle: false,
				isClickable: false
			});
		}));
	}));
};
//#endregion
exports.default = Resource;
