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

interface MangaGridProps {
  manga: MangaListDTO[];
}

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