From 4c2ca94013b926a22b6900fe05754618ba5b0001 Mon Sep 17 00:00:00 2001
From: Ruidy Nemausat <ruidy.nemausat@gmail.com>
Date: Thu, 23 Apr 2020 23:27:13 +0200
Subject: [PATCH] add signinpage

---
 client/src/components/InputField/index.jsx | 22 ++++++++++++++++++++++
 1 file changed, 22 insertions(+)
 create mode 100644 client/src/components/InputField/index.jsx

diff --git a/client/src/components/InputField/index.jsx b/client/src/components/InputField/index.jsx
new file mode 100644
index 0000000..237bcab
--- /dev/null
+++ b/client/src/components/InputField/index.jsx
@@ -0,0 +1,22 @@
+import React from "react";
+import { Label, Input } from "reactstrap";
+
+const useStyles = () => ({
+  inputField: {
+    paddingBottom: "1rem",
+  },
+});
+
+const InputField = ({ id, label, set, type = "text" }) => {
+  const handleChange = (e) => set(e.target.value);
+
+  const styles = useStyles();
+  return (
+    <div style={styles.inputField}>
+      <Label for={id}>{label}</Label>
+      <Input type={type} id={id} onChange={handleChange} />
+    </div>
+  );
+};
+
+export default InputField;