const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
const require_objectWithoutProperties = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectWithoutProperties.js");
const require_useRecordBoardContext = require("../../hooks/useRecordBoardContext.js");
let react = require("react");
react = require_runtime.__toESM(react);
//#region src/components/pisellRecordBoard/layouts/CardLayout/CardList.tsx
const _excluded = ["render"];
/**
* Card 布局下的数据视图：从 context 取 data / loading。
*/
const RecordBoardCardList = (props) => {
	var _ctx$data$length, _ctx$data;
	const ctx = require_useRecordBoardContext.useRecordBoardContext({ displayName: "cardList" });
	const { render } = props, rest = require_objectWithoutProperties._objectWithoutProperties(props, _excluded);
	if (typeof render === "function") return /* @__PURE__ */ react.default.createElement(react.default.Fragment, null, render(require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, ctx), rest)));
	return /* @__PURE__ */ react.default.createElement("div", {
		"data-layout-slot": "cardList",
		style: { minHeight: 120 }
	}, /* @__PURE__ */ react.default.createElement("span", { style: { color: "var(--color-text-tertiary, #999)" } }, "卡片视图（", (_ctx$data$length = (_ctx$data = ctx.data) === null || _ctx$data === void 0 ? void 0 : _ctx$data.length) !== null && _ctx$data$length !== void 0 ? _ctx$data$length : 0, " 条，loading:", " ", String(ctx.loading), "）"));
};
//#endregion
exports.default = RecordBoardCardList;
