import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardHeader } from "./card.js";
import { Skeleton, SkeletonContainer } from "./skeleton.js";
function SkeletonStatCard() {
  return /* @__PURE__ */ jsxs(Card, { children: [
    /* @__PURE__ */ jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" })
    ] }),
    /* @__PURE__ */ jsxs(CardContent, { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-20" })
    ] })
  ] });
}
function SkeletonStatsGrid() {
  return /* @__PURE__ */ jsxs(SkeletonContainer, { "data-cy": "skeleton-stats-grid", className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4", children: [
    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
    /* @__PURE__ */ jsx(SkeletonStatCard, {}),
    /* @__PURE__ */ jsx(SkeletonStatCard, {})
  ] });
}
function SkeletonQuickActions() {
  return /* @__PURE__ */ jsxs(Card, { children: [
    /* @__PURE__ */ jsxs(CardHeader, { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })
    ] }),
    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(SkeletonContainer, { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "p-4 border rounded-lg space-y-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-24" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-32" })
    ] }, i)) }) })
  ] });
}
function SkeletonActivity() {
  return /* @__PURE__ */ jsxs(Card, { children: [
    /* @__PURE__ */ jsxs(CardHeader, { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
    ] }),
    /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx("div", { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-2 w-2 rounded-full" }),
      /* @__PURE__ */ jsxs("div", { className: "flex-1 space-y-1", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-24" })
      ] })
    ] }, i)) }) })
  ] });
}
function SkeletonDashboardHome() {
  return /* @__PURE__ */ jsx("div", { "data-cy": "skeleton-dashboard-home", className: "min-h-screen bg-gradient-to-b from-background to-muted/20 py-12 px-4 sm:px-6 lg:px-8", children: /* @__PURE__ */ jsxs("div", { className: "max-w-7xl mx-auto space-y-8", children: [
    /* @__PURE__ */ jsxs("div", { className: "mb-8", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-64 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-80" })
    ] }),
    /* @__PURE__ */ jsx(SkeletonStatsGrid, {}),
    /* @__PURE__ */ jsx(SkeletonQuickActions, {}),
    /* @__PURE__ */ jsx(SkeletonActivity, {})
  ] }) });
}
export {
  SkeletonActivity,
  SkeletonDashboardHome,
  SkeletonQuickActions,
  SkeletonStatCard,
  SkeletonStatsGrid
};
