'use strict';

const jsxRuntime = require('react/jsx-runtime');
const pageHeaderSkeleton = require('./page-header-skeleton.cjs');
const pageLayout = require('../../../../../../../ui/src/components/page-layout.cjs');
const postCardSkeleton = require('./post-card-skeleton.cjs');
const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');

function ListPageSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs(pageLayout.PageLayout, { children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsxRuntime.jsx(pageHeaderSkeleton.PageHeaderSkeleton, {}) }),
    /* @__PURE__ */ jsxRuntime.jsx(PostsListSkeleton, { count: 6 })
  ] });
}
function PostsListSkeleton({ count = 6 }) {
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-6", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center pb-6", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full max-w-md items-center gap-2", children: [
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 grow rounded-md" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-24 rounded-md" })
    ] }) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: count }).map((_, index) => /* @__PURE__ */ jsxRuntime.jsx(postCardSkeleton.PostCardSkeleton, {}, index)) }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-40 rounded-md" }) })
  ] });
}

exports.ListPageSkeleton = ListPageSkeleton;
