import { fetchJson } from '@/lib/utils/server';
import type { GameListResponse } from '@/types/response/store/game';
import GamesExplorer from './GamesExplorer';

export const metadata = {
	title: '게임'
};

export default async function GamesPage()
{
	const res = await fetchJson<GameListResponse>('/api/store/games/list', { method: 'GET' });
	const games = res.success && res.data ? res.data.games : [];

	return (
		<div className="mx-auto w-full max-w-screen-2xl px-4 py-6">
			<GamesExplorer games={games} />
		</div>
	);
}