import React from 'react';
import classNames from 'classnames';
import { Skeleton } from 'antd';
import "./ListItemSkeleton.less";
var ListItemSkeleton = function ListItemSkeleton(_ref) {
  var className = _ref.className,
    style = _ref.style,
    _ref$displayStyle = _ref.displayStyle,
    displayStyle = _ref$displayStyle === void 0 ? 'grid' : _ref$displayStyle,
    _ref$showImage = _ref.showImage,
    showImage = _ref$showImage === void 0 ? true : _ref$showImage,
    _ref$imageWidth = _ref.imageWidth,
    imageWidth = _ref$imageWidth === void 0 ? 180 : _ref$imageWidth,
    _ref$imageHeight = _ref.imageHeight,
    imageHeight = _ref$imageHeight === void 0 ? 126 : _ref$imageHeight,
    _ref$rows = _ref.rows,
    rows = _ref$rows === void 0 ? 2 : _ref$rows;
  return /*#__PURE__*/React.createElement("div", {
    className: classNames('pisell-list-item-skeleton', className),
    style: 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: rows,
      width: ['100%', '60%']
    }
  }));
};
export default ListItemSkeleton;