import { jsxs, jsx } from 'react/jsx-runtime';
import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
import { PageLayout } from '../../../../../../../ui/src/components/page-layout.mjs';
import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';

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

export { PostPageSkeleton };
