From 455f2b1c643ef4a0aadce2dd03cfcc6bcd5dbd29 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Mon, 31 Jul 2023 18:05:26 +0200
Subject: [PATCH] Game component

---
 src/App.css |  9 +++++++++
 src/App.js  | 15 ++++++++++++++-
 2 files changed, 23 insertions(+), 1 deletion(-)

diff --git a/src/App.css b/src/App.css
index 1685faa..53e38a7 100644
--- a/src/App.css
+++ b/src/App.css
@@ -31,4 +31,13 @@ body {
 
 .status {
   margin-bottom: 10px;
+}
+
+.game {
+  display: flex;
+  flex-direction: row;
+}
+
+.game-info {
+  margin-left: 20px;
 }
\ No newline at end of file
diff --git a/src/App.js b/src/App.js
index 39a8bc3..7115bfb 100644
--- a/src/App.js
+++ b/src/App.js
@@ -13,7 +13,7 @@ function Square({value, onSquareClick}) {
   );
 }
 
-function App() {
+function Board() {
   const [xIsNext, setXIsNext] = useState(true);
   const [squares, setSquares] = useState(Array(9).fill(null));
   
@@ -61,6 +61,19 @@ function App() {
   );
 }
 
+function App() {
+  return (
+    <div className="game">
+      <div className="game-board">
+        <Board />
+      </div>
+      <div className="game-info">
+        <ol>{/*TODO*/}</ol>
+      </div>
+    </div>
+  );
+}
+
 export default App;
 
 function calculateWinner(squares) {