import "./LobbyPage.scss";

const LobbyPage = () => {
  const userNames = ["Laura", "Miguel", "David"];

  return (
    <div className="lobby-page">
      <div className="landing-page-title">
        <h1>Trains And Roads</h1>
      </div>
      <div className="lobby-page-body">
        {userNames.map((name) => (
          <div className="lobby-user-name">{name}</div>
        ))}
        <div className="start-game-button">
          <button>Start Game</button>
        </div>
      </div>
    </div>
  );
};

export default LobbyPage;
