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/LabelCard/LabelCard.jsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 src/components/LabelCard/LabelCard.jsx

(limited to 'src/components/LabelCard/LabelCard.jsx')

diff --git a/src/components/LabelCard/LabelCard.jsx b/src/components/LabelCard/LabelCard.jsx
new file mode 100644
index 0000000..be02f01
--- /dev/null
+++ b/src/components/LabelCard/LabelCard.jsx
@@ -0,0 +1,23 @@
+import React from 'react'
+import styles from './LabelCard.module.css'
+
+const LabelCard = ({ id, name, value, title, image }) => {
+  return (
+    <div className={styles.labelcard}>
+      <label htmlFor={id} className={styles.card}>
+        <img className={styles.card__image} src={image} alt="" />
+        <h4 className={styles.card__title}>{title}</h4>
+      </label>
+      <input
+        className={styles.labelcard__radio}
+        type="radio"
+        id={id}
+        name={name}
+        value={value}
+        required
+      />
+    </div>
+  )
+}
+
+export default LabelCard
-- 
cgit