Added components and some refactoring

1 files changed, 23 insertions, 0 deletions

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