From ffefbc1c2a382597c6d9f90977f8c907e26fbe2e Mon Sep 17 00:00:00 2001
From: rohan09-raj <rajrohan1914@gmail.com>
Date: Thu, 28 Jul 2022 17:51:44 +0530
Subject: Added components and some refactoring

---
 src/components/Input/Input.jsx        | 22 ++++++++++++++++++++++
 src/components/Input/Input.module.css | 19 +++++++++++++++++++
 2 files changed, 41 insertions(+)
 create mode 100644 src/components/Input/Input.jsx
 create mode 100644 src/components/Input/Input.module.css

(limited to 'src/components/Input')

diff --git a/src/components/Input/Input.jsx b/src/components/Input/Input.jsx
new file mode 100644
index 0000000..ee79f3b
--- /dev/null
+++ b/src/components/Input/Input.jsx
@@ -0,0 +1,22 @@
+import React from 'react'
+import styles from './Input.module.css'
+
+const Input = ({ label, id, value, type, name }) => {
+  return (
+    <div className={styles.input}>
+      <div className={styles.input__container}>
+        <label htmlFor={id}>{label}</label>
+        <input
+          className={styles.input__field}
+          type={type}
+          id={id}
+          name={name}
+          value={value}
+          required
+        />
+      </div>
+    </div>
+  )
+}
+
+export default Input
diff --git a/src/components/Input/Input.module.css b/src/components/Input/Input.module.css
new file mode 100644
index 0000000..cafb5f1
--- /dev/null
+++ b/src/components/Input/Input.module.css
@@ -0,0 +1,19 @@
+.input {
+  display: flex;
+  justify-content: center;
+  font-family: 'Barlow';
+  font-size: var(--font-medium-s);
+}
+
+.input__container {
+  display: flex;
+  flex-direction: column;
+}
+
+.input__field {
+  width: 300px;
+  margin: 10px 0px;
+  padding: 20px 10px;
+  border: 3px solid;
+  border-radius: 10px;
+}
-- 
cgit