import { jsx as e, jsxs as a } from "react/jsx-runtime";
import { Skeleton as l } from "../atoms/skeleton.js";
import { SuggestionCardSkeleton as o } from "../molecules/suggestion-card.js";
import { ChatTemplateOverview as c, ChatTemplate as i, ChatTemplateFooter as h, ChatTemplateSuggestions as p, ChatTemplateHeader as f, ChatTemplateHeaderGroup as n } from "./chat-template.js";
import { cn as r } from "../../../lib/utils.js";
function u({
  className: s,
  ...d
}) {
  return /* @__PURE__ */ a(f, { className: s, ...d, children: [
    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { className: "h-7 w-7 rounded-md" }) }),
    /* @__PURE__ */ e("div", { className: "flex-1" }),
    /* @__PURE__ */ e(n, { children: /* @__PURE__ */ e(l, { className: "h-9 w-9 rounded-md sm:w-[88px]" }) })
  ] });
}
function x({
  className: s,
  ...d
}) {
  return /* @__PURE__ */ e(
    "div",
    {
      className: r(
        "flex min-w-0 flex-1 flex-col gap-6 overflow-y-auto pt-4",
        s
      ),
      ...d,
      children: /* @__PURE__ */ a(c, { children: [
        /* @__PURE__ */ e(l, { className: "mx-auto mb-2 h-8 w-40 rounded-lg sm:mb-4 sm:h-9 sm:w-48 md:h-[44px] md:w-56" }),
        /* @__PURE__ */ e(l, { className: "mx-auto mb-4 h-7 w-56 rounded-lg sm:mb-8 sm:h-8 sm:w-72 md:h-[44px] md:w-96" })
      ] })
    }
  );
}
function N({
  className: s,
  ...d
}) {
  return /* @__PURE__ */ a(h, { className: s, ...d, children: [
    /* @__PURE__ */ e(p, { children: Array.from({ length: 5 }).map((t, m) => /* @__PURE__ */ e(
      "div",
      {
        className: r(
          "col-span-12 sm:col-span-6",
          m < 3 ? "md:col-span-4" : "md:col-span-6",
          m > 1 && "hidden sm:block"
        ),
        children: /* @__PURE__ */ e(o, {})
      },
      `suggestion-skeleton-${m.toString()}`
    )) }),
    /* @__PURE__ */ a("div", { className: "rounded-lg border bg-background p-2 shadow-xs", children: [
      /* @__PURE__ */ e(l, { className: "h-[44px] w-full rounded-md" }),
      /* @__PURE__ */ e("div", { className: "flex justify-end px-2 pt-2 pb-2", children: /* @__PURE__ */ e(l, { className: "h-9 w-9 rounded-md" }) })
    ] })
  ] });
}
function k({
  className: s,
  ...d
}) {
  return /* @__PURE__ */ a(
    "div",
    {
      className: r(
        "flex w-(--sidebar-width) shrink-0 flex-col bg-sidebar p-2",
        s
      ),
      ...d,
      children: [
        /* @__PURE__ */ a("div", { className: "flex flex-col gap-6 pb-2", children: [
          /* @__PURE__ */ e("div", { className: "flex items-center px-2 pt-2", children: /* @__PURE__ */ e(l, { className: "h-5 w-20" }) }),
          /* @__PURE__ */ e(l, { className: "h-9 w-full rounded-md" })
        ] }),
        /* @__PURE__ */ a("div", { className: "flex-1 overflow-hidden py-2", children: [
          /* @__PURE__ */ e("div", { className: "px-2 py-1", children: /* @__PURE__ */ e(l, { className: "mb-2 h-3 w-12" }) }),
          /* @__PURE__ */ e("div", { className: "flex flex-col gap-0.5", children: Array.from({ length: 6 }).map((t, m) => /* @__PURE__ */ e(
            "div",
            {
              className: "flex h-8 items-center gap-2 rounded-md px-2",
              children: /* @__PURE__ */ e(
                l,
                {
                  className: "h-4 flex-1",
                  style: { maxWidth: `${55 + m * 17 % 35}%` }
                }
              )
            },
            `skeleton-row-${m.toString()}`
          )) })
        ] }),
        /* @__PURE__ */ e("div", { className: "mt-auto p-2", children: /* @__PURE__ */ a("div", { className: "flex items-center gap-2 rounded-lg p-2", children: [
          /* @__PURE__ */ e(l, { className: "h-8 w-8 rounded-full" }),
          /* @__PURE__ */ a("div", { className: "flex flex-1 flex-col gap-1", children: [
            /* @__PURE__ */ e(l, { className: "h-3 w-24" }),
            /* @__PURE__ */ e(l, { className: "h-2.5 w-32" })
          ] })
        ] }) })
      ]
    }
  );
}
function S({
  className: s,
  ...d
}) {
  return /* @__PURE__ */ a(i, { className: s, ...d, children: [
    /* @__PURE__ */ e(u, {}),
    /* @__PURE__ */ e(x, {}),
    /* @__PURE__ */ e(N, {})
  ] });
}
export {
  x as ChatBodySkeleton,
  S as ChatContentSkeleton,
  N as ChatFooterSkeleton,
  u as ChatHeaderSkeleton,
  k as ChatSidebarSkeleton
};
