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 = 180, imageHeight = 126, rows = 2 }) => {
	return /* @__PURE__ */ React.createElement("div", {
		className: classNames("pisell-list-item-skeleton", className),
		style
	}, showImage && /* @__PURE__ */ React.createElement(Skeleton.Image, {
		active: true,
		style: {
			width: "100%",
			height: imageHeight,
			marginBottom: 8
		}
	}), /* @__PURE__ */ React.createElement(Skeleton, {
		active: true,
		title: { width: "80%" },
		paragraph: {
			rows,
			width: ["100%", "60%"]
		}
	}));
};
//#endregion
export { ListItemSkeleton as default };
