import { HeaderSkeleton, Skeleton } from "@/components/ui/skeleton";

export default function SeriesLoading() {
  return (
    <>
      <HeaderSkeleton />
      <Skeleton className="h-72 max-w-2xl rounded-2xl" />
      <div className="mt-8 grid gap-3 sm:grid-cols-2">
        {Array.from({ length: 2 }).map((_, i) => (
          <Skeleton key={i} className="h-20 rounded-2xl" />
        ))}
      </div>
    </>
  );
}
