import { GameContextProvider } from "../context/GameContext.js";

import Menu from "../components/ui/Menu.jsx";
import GameContainer from "../components/game/GameContainer.jsx";

import Tutorials from "../components/tutorials/Tutorials.jsx";
import Logo from "../components/ui/Logo.jsx";
import GameModal from "../components/game/GameModal.jsx";
import AnimatedPage from "../components/AnimatedPage.jsx";

export default function Game() {
	return (
		<>
			<AnimatedPage className='page-container page-container--play'>
				<GameContextProvider>
					<div className='screen'>
						<Logo />
						<GameModal />
						<Tutorials />
						<GameContainer gameId={"latest"} />
					</div>
				</GameContextProvider>
			</AnimatedPage>
		</>
	);
}
