text: import React, { useState } from 'react'
  import Square from './Square'
  import styles from './game.module.css'
  
  const Board = props => {
    const renderSquare = i => {
      return (
        <Square
          disabled={props.disabled}
          value={props.squares[i]}
          onClick={() => props.onClick(i)}
        />
      )
    }
  
    return (
      <div>
        <div className={styles.boardRow}>
          {renderSquare(0)}
          {renderSquare(1)}
          {renderSquare(2)}
        </div>
        <div className={styles.boardRow}>
          {renderSquare(3)}
          {renderSquare(4)}
          {renderSquare(5)}
        </div>
        <div className={styles.boardRow}>
          {renderSquare(6)}
          {renderSquare(7)}
          {renderSquare(8)}
        </div>
      </div>
    )
  }
  
  export default Board
  