import { jsxs, jsx } from 'react/jsx-runtime';
import { Card, CardHeader, CardContent, CardFooter } from '../../../../../../../ui/src/components/card.mjs';
import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';

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

export { PostCardSkeleton };
