import { Skeleton, SkeletonLine } from '@/components/Skeleton'

export default function Loading() {
  return (
    <main className="mx-auto max-w-5xl px-6 py-10">
      <div className="pl-3">
        <Skeleton className="h-[0.9rem]" width="9rem" />
        <div className="mt-2">
          <Skeleton className="h-[1.6rem]" width="20rem" />
        </div>
        <div className="mt-3 flex gap-8">
          <Skeleton className="h-[0.8rem]" width="6rem" />
          <Skeleton className="h-[0.8rem]" width="7rem" />
        </div>
      </div>
      <div className="mt-10 space-y-6">
        <SkeletonLine width="10rem" />
        <SkeletonLine />
        <SkeletonLine width="12rem" />
        <SkeletonLine />
      </div>
    </main>
  )
}