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

export default function EpisodesLoading() {
  return (
    <>
      <HeaderSkeleton />
      <div className="mb-6 flex flex-wrap gap-3">
        <Skeleton className="h-10 w-full sm:max-w-xs" />
        <Skeleton className="h-10 w-[150px]" />
      </div>
      <EpisodeGridSkeleton count={8} />
    </>
  );
}