"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _styles = require("./styles");
var _Skeleton = _interopRequireDefault(require("../../../core/components/Skeleton/Skeleton"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
function PostFeedSkeleton() {
  const {
    styles
  } = (0, _styles.useStyles)();
  return Array.from({
    length: 3
  }, (_, index) => /*#__PURE__*/React.createElement(_Skeleton.default, {
    style: [styles.container, index < 2 && styles.divider],
    key: index
  }, /*#__PURE__*/React.createElement(_Skeleton.default, {
    style: styles.header
  }, /*#__PURE__*/React.createElement(_Skeleton.default.Circle, {
    width: 32,
    height: 32
  }), /*#__PURE__*/React.createElement(_Skeleton.default, {
    style: styles.title
  }, /*#__PURE__*/React.createElement(_Skeleton.default.Line, {
    width: 180,
    height: 8
  }), /*#__PURE__*/React.createElement(_Skeleton.default.Line, {
    width: 64,
    height: 8
  }))), /*#__PURE__*/React.createElement(_Skeleton.default.Line, {
    width: 240,
    height: 8,
    bottom: 12
  }), /*#__PURE__*/React.createElement(_Skeleton.default.Line, {
    width: 180,
    height: 8,
    bottom: 12
  }), /*#__PURE__*/React.createElement(_Skeleton.default.Line, {
    width: 300,
    height: 8,
    bottom: 12
  })));
}
var _default = exports.default = PostFeedSkeleton;
//# sourceMappingURL=PostFeedSkeleton.js.map