import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardHeader } from "./card.js";
import { Skeleton } from "./skeleton.js";
function SkeletonDetailHeader() {
  return /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-8", children: [
    /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-4", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-12 w-12 rounded-lg" }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-64" }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-20" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-24" })
    ] })
  ] });
}
function SkeletonDetailField({ isLarge = false }) {
  return /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
    /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
    /* @__PURE__ */ jsx(Skeleton, { className: `${isLarge ? "h-16" : "h-5"} w-full` })
  ] });
}
function SkeletonDetailCard({
  fieldCount = 4
}) {
  return /* @__PURE__ */ jsxs(Card, { children: [
    /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx("div", { className: "flex items-center justify-between", children: /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
    ] }) }) }),
    /* @__PURE__ */ jsx(CardContent, { className: "space-y-4", children: Array.from({ length: fieldCount }).map((_, index) => /* @__PURE__ */ jsx(SkeletonDetailField, { isLarge: index === 1 || index === fieldCount - 1 }, index)) })
  ] });
}
function SkeletonMetadata() {
  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-24" }) }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
          ] }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center space-x-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
          ] }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
        ] })
      ] })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-28" }) }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-3", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-full" })
      ] })
    ] })
  ] });
}
function SkeletonEntityDetail() {
  return /* @__PURE__ */ jsx("div", { className: "p-6", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto space-y-6", children: [
    /* @__PURE__ */ jsx(SkeletonDetailHeader, {}),
    /* @__PURE__ */ jsx(SkeletonDetailCard, { fieldCount: 6 })
  ] }) });
}
export {
  SkeletonDetailCard,
  SkeletonDetailField,
  SkeletonDetailHeader,
  SkeletonEntityDetail,
  SkeletonMetadata
};
