import { _objectSpread2 } from "../../../../_virtual/_@oxc-project_runtime@0.122.0/helpers/objectSpread2.js";
import React from "react";
import { Skeleton } from "antd";
import classNames from "classnames";
import "./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.createElement("div", {
		className: classNames("pisell-list-item-skeleton", className),
		style: _objectSpread2(_objectSpread2({}, style), {}, {
			flexDirection: direction,
			gap,
			padding,
			alignItems: direction === "row" ? "center" : void 0
		})
	}, showImage && /* @__PURE__ */ React.createElement(Skeleton.Image, {
		active: true,
		style: {
			width: imageWidth,
			height: imageHeight,
			marginBottom: direction === "column" ? 8 : 0,
			flexShrink: 0
		}
	}), /* @__PURE__ */ React.createElement(Skeleton, {
		active: true,
		title: { width: "80%" },
		paragraph: {
			rows,
			width: ["100%", "60%"]
		}
	}));
};
//#endregion
export { ListItemSkeleton as default };
