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>
  )
}