Function PlayCard

apps/frontend/src/components/Card.tsx:17–103

()

import GameModeComponent from './GameModeComponent';

export function PlayCard() {
  const gameModeData = [
    {
      icon: (
        <img
          src={lightningIcon}
          className="inline-block mt-1 h-7 w-7"
          alt="online"
        />
      ),
      title: 'Play Online',
      description: 'Play vs a Person of Similar Skill',
      onClick: () => {
        navigate('/game/random');
      },
      disabled: false,
    },
    {
      icon: (
        <img
          src={computerIcon}
          className="inline-block mt-1 h-7 w-7"
          alt="computer"
        />
      ),
      title: 'Computer',
      description: 'Challenge a bot from easy to master',
      disabled: true,
    },
    {
      icon: (
        <img
          src={friendIcon}
          className="inline-block mt-1 h-7 w-7"
          alt="friend"
        />
      ),
      title: 'Play a Friend',
      description: 'Invite a Friend to a game of Chess',
      disabled: true,
    },
    {
      icon: (
        <img
          src={tournamentIcon}
          className="inline-block mt-1 h-7 w-7"
          alt="tournament"
        />
      ),
      title: 'Tournaments',
      description: 'Join an Arena where anyone can Win',
      disabled: true,
    },
    {
      icon: (
        <img
          src={variantsIcon}
          className="inline-block mt-1 h-7 w-7"