import { PhaserGame, PhaserScene } from "boardgame-phaser";
import { IndexScene } from "@/scenes/IndexScene";
import { MapViewerScene } from "@/scenes/MapViewerScene";
import { GridViewerScene } from "@/scenes/GridViewerScene";
import { ShapeViewerScene } from "@/scenes/ShapeViewerScene";
import { GAME_CONFIG } from "@/config";
import { InventoryTestScene } from "@/scenes/InventoryTestScene";

export default function App() {
  return (
    <div className="flex flex-col h-screen">
      <div className="flex-1 flex relative justify-center items-center">
        <PhaserGame initialScene="IndexScene" config={GAME_CONFIG}>
          <PhaserScene scene={IndexScene} />
          <PhaserScene scene={InventoryTestScene} />
          <PhaserScene scene={MapViewerScene} />
          <PhaserScene scene={GridViewerScene} />
          <PhaserScene scene={ShapeViewerScene} />
        </PhaserGame>
      </div>
    </div>
  );
}