import { jsx, jsxs } from "react/jsx-runtime";
import { Card, CardContent, CardHeader } from "./card.js";
import { Skeleton, SkeletonContainer } from "./skeleton.js";
function SkeletonSettingsNavCard() {
  return /* @__PURE__ */ jsx("div", { className: "block p-6 rounded-lg border border-border bg-card", children: /* @__PURE__ */ jsxs("div", { className: "flex items-start gap-4", children: [
    /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 flex-shrink-0" }),
    /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0 space-y-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
    ] })
  ] }) });
}
function SkeletonSettingsOverview() {
  return /* @__PURE__ */ jsx("div", { "data-cy": "skeleton-settings-overview", className: "max-w-2xl", children: /* @__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__ */ jsxs(SkeletonContainer, { className: "space-y-4", children: [
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {}),
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {}),
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {}),
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {}),
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {}),
      /* @__PURE__ */ jsx(SkeletonSettingsNavCard, {})
    ] })
  ] }) });
}
function SkeletonProfileForm() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-profile-form", className: "max-w-4xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-40" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" })
      ] }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-6", children: [
        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 sm:grid-cols-2", children: [
          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-4", children: [
          /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-3 w-48" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-2", children: [
              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
            ] })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
            /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3 py-2", children: [
              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
              /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
            ] })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-10", children: [
          /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-3", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
          ] }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-2 md:col-span-5", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex flex-col md:flex-row md:justify-between md:items-center gap-4 pt-2", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
          ] }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" })
        ] })
      ] })
    ] })
  ] });
}
function SkeletonBillingPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-billing-page", className: "max-w-4xl 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-64" })
    ] }),
    /* @__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, { className: "space-y-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-24" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-32" })
      ] }) })
    ] }),
    /* @__PURE__ */ jsx(SkeletonContainer, { className: "grid gap-4 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20" }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" })
        ] })
      ] }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
        /* @__PURE__ */ jsx("div", { className: "space-y-2", children: Array.from({ length: 4 }).map((_2, j) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" })
        ] }, j)) }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
      ] })
    ] }, i)) })
  ] });
}
function SkeletonPasswordPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-password-page", className: "max-w-xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-40 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-56" })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsx(CardHeader, { children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36" })
      ] }) }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
      ] })
    ] })
  ] });
}
function SkeletonSecurityPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-security-page", className: "max-w-4xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" })
      ] }),
      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(SkeletonContainer, { className: "space-y-4", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 border rounded-lg", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-4", 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-8 w-20" })
      ] }, i)) }) })
    ] })
  ] });
}
function SkeletonApiKeysPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-api-keys-page", className: "max-w-4xl 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-32" })
    ] }),
    /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-0", children: /* @__PURE__ */ jsx(SkeletonContainer, { 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-32" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
        ] })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-16" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-8" })
      ] })
    ] }, i)) }) }) })
  ] });
}
function SkeletonNotificationsPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-notifications-page", className: "max-w-2xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-36 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
    ] }),
    /* @__PURE__ */ jsx(SkeletonContainer, { className: "space-y-4", children: Array.from({ length: 4 }).map((_, i) => /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(CardContent, { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
      /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-40" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" })
      ] }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-12 rounded-full" })
    ] }) }) }, i)) })
  ] });
}
function SkeletonTeamsPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-teams-page", className: "max-w-4xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-32 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
          /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-32" })
          ] }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-9 w-32" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-48" })
      ] }),
      /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(SkeletonContainer, { className: "space-y-2", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-4 rounded-lg border", children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-10 rounded-full" }),
          /* @__PURE__ */ jsxs("div", { className: "space-y-1", children: [
            /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-32" }),
            /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" })
          ] })
        ] }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" })
        ] })
      ] }, i)) }) })
    ] })
  ] });
}
function SkeletonInvoicesPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-invoices-page", className: "max-w-4xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-40 mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-64" })
    ] }),
    /* @__PURE__ */ jsxs(Card, { children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-36" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-56" })
      ] }),
      /* @__PURE__ */ jsxs(CardContent, { children: [
        /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3 border-b bg-muted/50", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-20" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" })
        ] }),
        /* @__PURE__ */ jsx(SkeletonContainer, { className: "divide-y", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between p-3", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-16 rounded-full" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-8 w-20" })
        ] }, i)) })
      ] })
    ] })
  ] });
}
function SkeletonPlansPage() {
  return /* @__PURE__ */ jsxs("div", { "data-cy": "skeleton-plans-page", className: "max-w-6xl space-y-6", children: [
    /* @__PURE__ */ jsxs("header", { className: "text-center", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-64 mx-auto mb-2" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-96 mx-auto" })
    ] }),
    /* @__PURE__ */ jsx(SkeletonContainer, { className: "grid gap-6 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, i) => /* @__PURE__ */ jsxs(Card, { className: i === 1 ? "border-primary" : "", children: [
      /* @__PURE__ */ jsxs(CardHeader, { children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-6 w-20" }),
        /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-1 mt-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-16" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-12" })
        ] }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-full mt-2" })
      ] }),
      /* @__PURE__ */ jsxs(CardContent, { className: "space-y-4", children: [
        /* @__PURE__ */ jsx("div", { className: "space-y-3", children: Array.from({ length: 5 }).map((_2, j) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-4" }),
          /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-40" })
        ] }, j)) }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full" })
      ] })
    ] }, i)) })
  ] });
}
export {
  SkeletonApiKeysPage,
  SkeletonBillingPage,
  SkeletonInvoicesPage,
  SkeletonNotificationsPage,
  SkeletonPasswordPage,
  SkeletonPlansPage,
  SkeletonProfileForm,
  SkeletonSecurityPage,
  SkeletonSettingsNavCard,
  SkeletonSettingsOverview,
  SkeletonTeamsPage
};
