import React from 'react';
import { MangaCard } from './MangaCard.jsx';

export function MangaGrid({ mangas, onMangaClick }) {
  return (
    <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-6 p-6">
      {mangas.map((manga) => (
        <MangaCard 
          key={manga.id} 
          manga={manga} 
          onClick={onMangaClick}
        />
      ))}
    </div>
  );
}