import { Skeleton } from "@/shared/components/ui/skeleton"

export default function Loading() {
  return (
    <div
      role="status"
      aria-busy="true"
      aria-label="加载中"
      className="flex h-[calc(100vh-4rem-3rem)] flex-col overflow-hidden"
    >
      <div className="flex items-center justify-between border-b py-3 px-6 shrink-0">
        <div className="flex items-center gap-3">
          <Skeleton className="h-6 w-48" />
          <Skeleton className="h-5 w-16 rounded-full" />
        </div>
      </div>
      <div className="flex-1">
        <Skeleton className="h-full w-full" />
      </div>
    </div>
  )
}
