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