'use strict';

const jsxRuntime = require('react/jsx-runtime');
const card = require('../../../../../../../ui/src/components/card.cjs');
const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');

function PostCardSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { className: "h-full", children: [
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative h-48 w-full", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-full w-full rounded-t-xl" }) }),
    /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "mb-2 h-4 w-24" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "mb-2 h-6 w-full" })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-32" }) }),
    /* @__PURE__ */ jsxRuntime.jsx(card.CardFooter, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex w-full items-center justify-between", children: [
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-16" }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-20" })
    ] }) })
  ] });
}

exports.PostCardSkeleton = PostCardSkeleton;
