From 9e0d569eafe5e18476595fe02a53586e3da2fcc1 Mon Sep 17 00:00:00 2001
From: djmil <andriy@djmil.dev>
Date: Mon, 31 Jul 2023 13:58:07 +0200
Subject: [PATCH] remove code duplication

make a function returning a compoment
---
 src/App.js | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/App.js b/src/App.js
index e9d3d57..5aeff81 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,22 +1,26 @@
 import './App.css';
 
+function Square({ value }) {
+  return <button className="square">{value}</button>;
+}
+
 function App() {
   return (
   <>
   <div className="board-row">
-    <button className="square">1</button>
-    <button className="square">2</button>
-    <button className="square">3</button>
+    <Square value="1"/>
+    <Square value="2"/>
+    <Square value="3"/>
   </div>
   <div className="board-row">
-    <button className="square">4</button>
-    <button className="square">5</button>
-    <button className="square">6</button>
+    <Square value="4"/>
+    <Square value="5"/>
+    <Square value="6"/>
   </div>
   <div className="board-row">
-    <button className="square">7</button>
-    <button className="square">8</button>
-    <button className="square">9</button>
+    <Square value="7"/>
+    <Square value="8"/>
+    <Square value="9"/>
   </div>
   </>
   );