spb/websensor

1import { Skeleton, SkeletonRows } from "@/components/ui";23function PanelSkeleton({ rows }: { rows: number }) {4  return (5    <div className="panel">6      <div className="border-b border-line px-3 py-2">7        <Skeleton className="h-2.5 w-28" />8      </div>9      <SkeletonRows rows={rows} />10    </div>11  );12}1314export default function Loading() {15  return (16    <>17      <div className="mb-4 flex flex-col gap-2">18        <div className="flex items-center gap-2">19          <Skeleton className="h-4 w-20" />20          <Skeleton className="h-3 w-80 max-w-full" />21        </div>22        <Skeleton className="h-7 w-40" />23      </div>24      <div className="grid grid-cols-1 gap-4 xl:grid-cols-2">25        <PanelSkeleton rows={4} />26        <PanelSkeleton rows={4} />27      </div>28      <div className="mt-4 grid grid-cols-1 gap-4 xl:grid-cols-2">29        <PanelSkeleton rows={3} />30        <PanelSkeleton rows={3} />31      </div>32      <div className="mt-4 panel">33        <div className="flex items-center gap-3 border-b border-line px-3 py-2">34          <Skeleton className="h-3 w-48" />35          <Skeleton className="h-3 w-12" />36        </div>37        <SkeletonRows rows={8} />38      </div>39    </>40  );41}42