'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 skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');

function PostPageSkeleton() {
  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(PostSkeleton, {})
  ] });
}
function PostSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full space-y-8", children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden space-y-4", children: [
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-3/4" }),
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-8 rounded-full" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-24" })
      ] }),
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-wrap gap-2", children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-20 rounded-full" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-16 rounded-full" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-24 rounded-full" })
      ] })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-64 w-full rounded-md" }),
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-10", children: [
      /* @__PURE__ */ jsxRuntime.jsx(ContentBlockSkeleton, {}),
      /* @__PURE__ */ jsxRuntime.jsx(ImageBlockSkeleton, {}),
      /* @__PURE__ */ jsxRuntime.jsx(CodeBlockSkeleton, {}),
      /* @__PURE__ */ jsxRuntime.jsx(ContentBlockSkeleton, {})
    ] })
  ] });
}
function ContentBlockSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-4", children: [
    /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-1/3" }),
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-2", children: [
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-11/12" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-10/12" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-9/12" })
    ] })
  ] });
}
function ImageBlockSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-72 w-full rounded-md" });
}
function CodeBlockSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-40 w-full rounded-md" });
}

exports.PostPageSkeleton = PostPageSkeleton;
