import { jsxs, jsx } from 'react/jsx-runtime';
import { PageHeaderSkeleton } from './page-header-skeleton.mjs';
import { PageLayout } from '../../../../../../../ui/src/components/page-layout.mjs';
import { Skeleton } from '../../../../../../../ui/src/components/skeleton.mjs';

function FormPageSkeleton() {
  return /* @__PURE__ */ jsxs(PageLayout, { children: [
    /* @__PURE__ */ jsx("div", { className: "flex flex-col items-center gap-3", children: /* @__PURE__ */ jsx(PageHeaderSkeleton, {}) }),
    /* @__PURE__ */ jsx(FormSkeleton, {})
  ] });
}
function FormSkeleton() {
  return /* @__PURE__ */ jsxs("div", { className: "w-full space-y-8", children: [
    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-24 w-full rounded-md" })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-1 gap-6 md:grid-cols-2", children: [
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-28" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-24" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-full rounded-md" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "space-y-3", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-32" }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-sm" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-44" })
      ] }),
      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-3", children: [
        /* @__PURE__ */ jsx(Skeleton, { className: "h-5 w-5 rounded-sm" }),
        /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" })
      ] })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "space-y-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-4 w-36" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-32 w-full rounded-md" })
    ] }),
    /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-3 pt-2", children: [
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-24 rounded-md" }),
      /* @__PURE__ */ jsx(Skeleton, { className: "h-10 w-28 rounded-md" })
    ] })
  ] });
}

export { FormPageSkeleton };
