/*
 * This file is part of the SplendidBear Websites' projects.
 *
 * Copyright (c) 2026 @ www.splendidbear.org
 *
 * For the full copyright and license information, please view the LICENSE
 * file that was distributed with this source code.
 */

import React from 'react';
import { useGame } from '../contexts/GameContext';
import useServerComm from '../hooks/useServerComm';
import GridControl from './grid/GridControl';

export const GameBoard = ({ gameAssoc, gameInherited, isEnvDev }) => {
  const { gridReady } = useGame();
  const { onClick, resign } = useServerComm(gameAssoc, gameInherited, isEnvDev);

  if (!gridReady) {
    return (
      <div className="game-overlay">
        <div className="game-overlay-window"><h1>Loading…</h1></div>
      </div>
    );
  }

  return <GridControl onClick={onClick} resign={resign} />;
};