spb/websensor

1import { Skeleton } from "@/components/ui";23export default function Loading() {4  return (5    <>6      <div className="mb-3 flex flex-col gap-2">7        <Skeleton className="h-6 w-28" />8        <Skeleton className="h-3 w-96 max-w-full" />9      </div>10      <div className="mb-3 flex gap-4 border-b border-line pb-2">11        <Skeleton className="h-3 w-14" />12        <Skeleton className="h-3 w-10" />13      </div>14      <div className="panel">15        <div className="border-b border-line px-3 py-2"><Skeleton className="h-2.5 w-32" /></div>16        <div className="divide-y divide-line">17          {Array.from({ length: 14 }, (_, i) => (18            <div key={i} className="grid grid-cols-[2rem_1fr_5rem_3rem_3rem_3rem] items-center gap-x-3 px-3 py-2 sm:grid-cols-[2rem_1fr_5rem_3rem_3rem_3rem_4rem_4rem_4rem_4rem]">19              <Skeleton className="h-3 w-5" />20              <div className="flex flex-col gap-1.5"><Skeleton className={`h-3.5 ${i % 3 === 0 ? "w-40" : i % 3 === 1 ? "w-28" : "w-52"}`} /><Skeleton className="h-2.5 w-24" /></div>21              <Skeleton className="h-4 w-16" />22              <Skeleton className="h-5 w-8" />23              <Skeleton className="h-3 w-7" />24              <Skeleton className="h-3 w-7" />25              <Skeleton className="hidden h-3 w-6 sm:block" />26              <Skeleton className="hidden h-3 w-8 sm:block" />27              <Skeleton className="hidden h-3 w-8 sm:block" />28              <Skeleton className="hidden h-3 w-10 sm:block" />29            </div>30          ))}31        </div>32      </div>33    </>34  );35}36