import type { Game } from "@/lib/types";
import { GameCard } from "./GameCard";

export function GameGrid({
  games,
  emptyMessage = "No games found.",
}: {
  games: Game[];
  emptyMessage?: string;
}) {
  if (games.length === 0) {
    return (
      <p className="py-16 text-center text-muted">{emptyMessage}</p>
    );
  }

  return (
    <div className="grid grid-cols-2 gap-3 sm:grid-cols-3 md:grid-cols-4 lg:grid-cols-5">
      {games.map((game) => (
        <GameCard key={game.slug} game={game} />
      ))}
    </div>
  );
}