"use client";
'use strict';

const jsxRuntime = require('react/jsx-runtime');
const skeleton = require('../../../../../../../ui/src/components/skeleton.cjs');

function ChatPageSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex h-[calc(100vh-4rem)] w-full overflow-hidden", children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "hidden md:flex w-72 flex-col border-r bg-muted/30", children: [
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4 border-b", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-full" }) }),
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-2 space-y-2", children: Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-3", children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-4 shrink-0" }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 space-y-1.5", children: [
          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full" }),
          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-3 w-20" })
        ] })
      ] }, i)) })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex-1 flex flex-col min-w-0", children: [
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 p-2 border-b", children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-9 md:hidden" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-9 hidden md:block" }),
        /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1" })
      ] }),
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 p-4 space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto w-full space-y-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-col items-center justify-center h-full min-h-[300px]", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-48" }) }) }) }),
      /* @__PURE__ */ jsxRuntime.jsx("div", { className: "border-t p-4", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "max-w-3xl mx-auto", children: /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-12 w-full rounded-lg" }) }) })
    ] })
  ] });
}

exports.ChatPageSkeleton = ChatPageSkeleton;
