From ae43599b842db62db19b74c7ec924d4286b7f7a6 Mon Sep 17 00:00:00 2001
From: Yevhenii Lukashov <115802889+EuJinnLucaShow@users.noreply.github.com>
Date: Sat, 25 Nov 2023 21:04:39 +0200
Subject: [PATCH] added InputForm components

---
 src/App.js                   |  6 +++---
 src/components/InputForm.jsx | 21 +++++++++++++++++++++
 2 files changed, 24 insertions(+), 3 deletions(-)
 create mode 100644 src/components/InputForm.jsx

diff --git a/src/App.js b/src/App.js
index d671f46..e9e9f04 100644
--- a/src/App.js
+++ b/src/App.js
@@ -1,9 +1,9 @@
-import './App.css';
+import InputForm from './components/InputForm'
 
 function App() {
   return (
-    <div>    
-todo-app
+    <div style={{display: 'flex', justifyContent: 'center'}}>    
+<InputForm/>
     </div>
   );
 }
diff --git a/src/components/InputForm.jsx b/src/components/InputForm.jsx
new file mode 100644
index 0000000..e9fece3
--- /dev/null
+++ b/src/components/InputForm.jsx
@@ -0,0 +1,21 @@
+
+const InputForm = () => {
+    
+  return (
+    <form  onSubmit={''}>
+      <h3 style={{ display: 'flex', justifyContent: 'center'}}>To-Do</h3>
+      <input
+        type="text"        
+        value={""}
+        onChange={''}       
+        required
+      />
+
+
+
+      <button type="submit">Add</button>
+    </form>
+  );
+};
+
+export default InputForm;
\ No newline at end of file