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