17 lines
404 B
TypeScript
17 lines
404 B
TypeScript
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>
|
|
)
|
|
}
|