import { MangaCard } from "./manga-card";
import { MangaListDTO } from "@/api/mangamochi";

interface MangaGridProps {
  manga: MangaListDTO[];
  queryKey: any;
}

export function MangaGrid({ manga, queryKey }: MangaGridProps) {
  return (
    <div className="grid grid-cols-2 gap-6 md:grid-cols-3 lg:grid-cols-4 xl:grid-cols-5 auto-rows-fr">
      {manga.map((item) => (
        <MangaCard key={item.id} manga={item} queryKey={queryKey} />
      ))}
    </div>
  );
}