"use client";
'use strict';

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

function BoardSkeleton() {
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "container mx-auto py-8 px-4", children: [
    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "w-full flex items-center justify-between mb-8", children: [
      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-4", children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-5" }),
        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-9 w-48" }),
          /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-64 mt-2" })
        ] })
      ] }),
      /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-10 w-28" })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-3", children: Array.from({ length: 3 }).map((_, colIdx) => /* @__PURE__ */ jsxRuntime.jsxs(
      "div",
      {
        className: "rounded-lg border bg-zinc-100 dark:bg-zinc-900 p-2.5",
        children: [
          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-4", children: [
            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-8 w-8" }),
            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-24" }),
            /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-8" })
          ] }),
          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "space-y-2", children: Array.from({ length: 3 }).map((_2, taskIdx) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "rounded-md border bg-card p-3", children: [
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2 mb-2", children: [
              /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-6" }),
              /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 flex-1" }),
              /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-5 w-16" })
            ] }),
            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between", children: [
              /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-20" }),
              /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-16" })
            ] })
          ] }, taskIdx)) })
        ]
      },
      colIdx
    )) })
  ] });
}

exports.BoardSkeleton = BoardSkeleton;
