const require_runtime = require("../../../../_virtual/_rolldown/runtime.js");
const require_objectSpread2 = require("../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js");
let react = require("react");
react = require_runtime.__toESM(react);
let antd = require("antd");
let classnames = require("classnames");
classnames = require_runtime.__toESM(classnames);
require("./ListItemSkeleton.less");
//#region src/components/list/components/ListItemSkeleton/ListItemSkeleton.tsx
const ListItemSkeleton = ({ className, style, displayStyle = "grid", showImage = true, imageWidth = "100%", imageHeight = 126, direction = "column", gap, padding, rows = 2 }) => {
	return /* @__PURE__ */ react.default.createElement("div", {
		className: (0, classnames.default)("pisell-list-item-skeleton", className),
		style: require_objectSpread2._objectSpread2(require_objectSpread2._objectSpread2({}, style), {}, {
			flexDirection: direction,
			gap,
			padding,
			alignItems: direction === "row" ? "center" : void 0
		})
	}, showImage && /* @__PURE__ */ react.default.createElement(antd.Skeleton.Image, {
		active: true,
		style: {
			width: imageWidth,
			height: imageHeight,
			marginBottom: direction === "column" ? 8 : 0,
			flexShrink: 0
		}
	}), /* @__PURE__ */ react.default.createElement(antd.Skeleton, {
		active: true,
		title: { width: "80%" },
		paragraph: {
			rows,
			width: ["100%", "60%"]
		}
	}));
};
//#endregion
exports.default = ListItemSkeleton;
