spb/satelliteindex

1import { Bone, TableSkeleton } from '@/components/satellite/skeleton';2import { Container } from '@/components/ui/section';34export default function Loading() {5  return (6    <Container wide>7      <div className="pb-6 pt-8 md:pb-8 md:pt-12" role="status" aria-label="Loading satellites">8        <Bone className="h-3 w-40" />9        <Bone className="mt-3 h-10 w-2/3 max-w-lg md:h-14" />10        <Bone className="mt-6 h-11 w-full max-w-md" />11      </div>12      <Bone className="h-40 w-full rounded-lg" />13      <div className="mt-5 flex flex-wrap gap-1.5">14        {Array.from({ length: 10 }).map((_, i) => (15          <Bone key={i} className="h-9 w-24" />16        ))}17      </div>18      <div className="py-6">19        <TableSkeleton rows={14} />20      </div>21    </Container>22  );23}24