From fb2c477c075e9a15e57122c5231924fbec522255 Mon Sep 17 00:00:00 2001
From: Alessandro Di Maria <adm@m42.ch>
Date: Thu, 2 Nov 2017 17:55:19 +0100
Subject: [PATCH] matrix-form component

---
 app/components/matrix-form.js | 11 +++++++++++
 app/index.js                  |  7 ++++++-
 2 files changed, 17 insertions(+), 1 deletion(-)
 create mode 100644 app/components/matrix-form.js

diff --git a/app/components/matrix-form.js b/app/components/matrix-form.js
new file mode 100644
index 0000000..8170241
--- /dev/null
+++ b/app/components/matrix-form.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+module.exports = ({size, onChangeSize}) => {
+  return(
+    <div>
+      <form>
+        <input type="text" value={size} onChange={onChangeSize}/>
+      </form>
+    </div>
+  );
+}
diff --git a/app/index.js b/app/index.js
index 08085aa..68d8468 100644
--- a/app/index.js
+++ b/app/index.js
@@ -1,7 +1,12 @@
 import React from 'react';
 import ReactDOM from 'react-dom';
 
+import MatrixForm from './components/matrix-form'
+
 ReactDOM.render(
-  <h1>Game of Life</h1>,
+  <div>
+    <h1>Game of Life</h1>
+    <MatrixForm size="5"/>
+  </div>,
   document.getElementById('app')
 );