const require_runtime = require("../../../../../_virtual/_rolldown/runtime.js");
const require_calendarI18n = require("../calendarI18n.js");
const require_OverflowListModal = require("./OverflowListModal.js");
let react = require("react");
react = require_runtime.__toESM(react);
//#region src/components/pisellRecordBoard/shellFrame/Calendar/modal/BookingCalendarOverflowListLayer.tsx
/**
* 全局溢出预约列表弹层（月/周/资源格 `+N` 点开后）。
*/
function BookingCalendarOverflowListLayer({ overflowPanelRef, isLight, modal, onClose, onPickItem }) {
	return /* @__PURE__ */ react.default.createElement("div", { className: "fixed inset-0 z-[69] bg-black/45 backdrop-blur-sm flex items-center justify-center p-4" }, /* @__PURE__ */ react.default.createElement("div", {
		ref: overflowPanelRef,
		className: `flex w-full max-w-[520px] max-h-[72vh] flex-col overflow-hidden rounded-3xl border p-5 shadow-2xl ${isLight ? "theme-panel theme-border soft-shadow" : "border-zinc-700 bg-[#121217]"}`
	}, /* @__PURE__ */ react.default.createElement("div", { className: "mb-4 flex shrink-0 items-start justify-between" }, /* @__PURE__ */ react.default.createElement("div", null, /* @__PURE__ */ react.default.createElement("div", { className: "text-xl font-semibold" }, require_calendarI18n.tCal("pisell2.recordBoard.calendar.overflow.bookingsForDay")), /* @__PURE__ */ react.default.createElement("div", { className: "mt-1 text-sm text-zinc-400" }, modal.title)), /* @__PURE__ */ react.default.createElement("button", {
		type: "button",
		onClick: onClose,
		className: "rounded-xl border border-zinc-700 px-3 py-2 text-zinc-300"
	}, require_calendarI18n.tCal("pisell2.recordBoard.calendar.common.close"))), /* @__PURE__ */ react.default.createElement("div", { className: "min-h-0 flex-1 overflow-hidden px-0.5" }, /* @__PURE__ */ react.default.createElement(require_OverflowListModal.OverflowListModalVirtualList, {
		items: modal.items,
		dateKey: modal.date,
		listWidth: 468,
		onPickItem,
		onClose,
		showStatusUi: Boolean(modal.scope && String(modal.scope).startsWith("day-lane-overflow-"))
	}))));
}
//#endregion
exports.BookingCalendarOverflowListLayer = BookingCalendarOverflowListLayer;
