spb/websensor

1import { Skeleton, SkeletonRows } from "@/components/ui";23export default function Loading() {4  return (5    <>6      <div className="mb-4 flex flex-col gap-2">7        <Skeleton className="h-3 w-48" />8        <Skeleton className="h-7 w-52" />9        <Skeleton className="h-3 w-full max-w-2xl" />10      </div>11      <div className="panel mb-4">12        <div className="border-b border-line px-3 py-2">13          <Skeleton className="h-2.5 w-36" />14        </div>15        <ul className="grid grid-cols-1 gap-px bg-line md:grid-cols-2 xl:grid-cols-3">16          {Array.from({ length: 6 }, (_, i) => (17            <li key={i} className="flex flex-col gap-1.5 bg-panel px-3 py-2.5">18              <div className="flex items-center gap-2">19                <Skeleton className="h-3 w-20" />20                <Skeleton className="h-4 w-12" />21                <Skeleton className="ml-auto h-3 w-10" />22              </div>23              <Skeleton className={`h-3.5 ${i % 2 ? "w-4/5" : "w-11/12"}`} />24              <Skeleton className="h-2.5 w-2/3" />25            </li>26          ))}27        </ul>28      </div>29      <div className="panel overflow-hidden">30        <div className="flex items-center gap-3 border-b border-line px-3 py-2">31          <Skeleton className="h-3 w-44" />32          <Skeleton className="h-3 w-12" />33        </div>34        <SkeletonRows rows={10} />35      </div>36    </>37  );38}39