"use client";
'use strict';

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

function BoardsListSkeleton() {
  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", { 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-32" })
    ] }),
    /* @__PURE__ */ jsxRuntime.jsx("div", { className: "grid gap-4 md:grid-cols-2 lg:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsxRuntime.jsxs(card.Card, { children: [
      /* @__PURE__ */ jsxRuntime.jsxs(card.CardHeader, { children: [
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-6 w-3/4" }),
        /* @__PURE__ */ jsxRuntime.jsx(skeleton.Skeleton, { className: "h-4 w-full mt-2" })
      ] }),
      /* @__PURE__ */ jsxRuntime.jsx(card.CardContent, { children: /* @__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-24" })
      ] }) })
    ] }, i)) })
  ] });
}

exports.BoardsListSkeleton = BoardsListSkeleton;
