import { useLoaderData, useNavigate } from "react-router";
import { GamePanel } from "../components/GamePanel";
import type { MatchInfo } from "../types";

export default function EventPage() {
  const game = useLoaderData<MatchInfo>();
  return (
    <div style={{ width: '100%', padding: 10, boxSizing: 'border-box' }}>
      <GamePanel title={game.title} players={game.players} />
    </div>
  );
}