import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardHeader } from "./card.js";
import { Skeleton } from "./skeleton.js";
function SkeletonFeaturePlaceholder() {
  return /* @__PURE__ */ jsx("div", { "data-cy": "skeleton-feature-placeholder", className: "flex flex-col items-center justify-center min-h-[400px] p-8", children: /* @__PURE__ */ jsxs(Card, { className: "max-w-md w-full text-center", children: [
    /* @__PURE__ */ jsxs(CardHeader, { className: "pb-4", children: [
      /* @__PURE__ */ jsx("div", { className: "flex justify-center mb-4", children: /* @__PURE__ */ jsx(Skeleton, { className: "h-16 w-16 rounded-full" }) }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-7 w-48 mx-auto mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64 mx-auto" })
    ] }),
    /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
      /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 flex-shrink-0" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full" })
      ] }, i)) }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full mt-6" })
    ] })
  ] }) });
}
function SkeletonAnalyticsPage() {
  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-48 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-72" })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, { className: "p-6", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16 mb-1" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-20" })
    ] }) }, i)) }),
    /* @__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(Skeleton, { className: "h-64 w-full" }) })
    ] })
  ] });
}
function SkeletonWebhooksPage() {
  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between", children: [
      /* @__PURE__ */ jsxs("div", { children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 mb-2" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
      ] }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-36" })
    ] }),
    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx("div", { className: "divide-y", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-64" })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" })
      ] })
    ] }, i)) }) }) })
  ] });
}
function SkeletonAutomationPage() {
  return /* @__PURE__ */ jsxs("div", { className: "space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { className: "flex items-center justify-between", children: [
      /* @__PURE__ */ jsxs("div", { children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-36 mb-2" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-72" })
      ] }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-40" })
    ] }),
    /* @__PURE__ */ jsx("div", { className: "grid gap-4 md:grid-cols-2", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start justify-between", children: [
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-lg" }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
        ] })
      ] }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-12 rounded-full" })
    ] }) }) }, i)) })
  ] });
}
export {
  SkeletonAnalyticsPage,
  SkeletonAutomationPage,
  SkeletonFeaturePlaceholder,
  SkeletonWebhooksPage
};
