spb/websensor

1import { Skeleton, SkeletonPanel, SkeletonRows } from "@/components/ui";23export default function Loading() {4  return (5    <>6      <div className="mb-3 flex flex-col gap-2">7        <Skeleton className="h-3 w-28" />8        <Skeleton className="h-6 w-48" />9        <Skeleton className="h-3 w-full max-w-2xl" />10      </div>11      <div className="panel mb-4 grid grid-cols-2 divide-x divide-y divide-line sm:grid-cols-4 xl:grid-cols-8 xl:divide-y-0">12        {Array.from({ length: 8 }, (_, i) => (13          <div key={i} className="flex flex-col gap-1.5 px-3 py-2">14            <Skeleton className="h-2.5 w-16" />15            <Skeleton className="h-5 w-12" />16            <Skeleton className="h-2.5 w-20" />17          </div>18        ))}19      </div>20      <Skeleton className="mb-4 h-8 w-full" />21      <div className="grid grid-cols-1 gap-3 sm:grid-cols-2 lg:grid-cols-3">22        {Array.from({ length: 6 }, (_, i) => (23          <SkeletonPanel key={i} lines={6} />24        ))}25      </div>26      <div className="mt-4 grid grid-cols-1 gap-4 lg:grid-cols-2">27        <div className="panel">28          <Skeleton className="m-3 h-2.5 w-32" />29          <SkeletonRows rows={4} />30        </div>31        <div className="panel">32          <Skeleton className="m-3 h-2.5 w-32" />33          <SkeletonRows rows={4} />34        </div>35      </div>36    </>37  );38}39