chess/assets/js/components/game-state.js

import React from "react";
import classNames from "classnames";

const GAME_STATES = {
  "checkmate": "Checkmate!",
  "stalemate": "Stalemate",
  "check": "Check",
};

const friendlyGameState = (state) => {
  return GAME_STATES[state];
};

const gameStateClass = (state) => {
  return classNames("board-game-state", state);
};

const GameState = (props) => {
  return (
    <div className={gameStateClass(props.gameState)}>
      {friendlyGameState(props.gameState)}
    </div>
  );
};

export default GameState;