From 91f5fa83b4af45c5190ecb84ffb7cdadb06e192d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 24 Aug 2024 09:58:45 +0530
Subject: [PATCH] feat: create form with radio for user input

---
 .../molecules/InterpretationLog.tsx           | 20 +++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/src/components/molecules/InterpretationLog.tsx b/src/components/molecules/InterpretationLog.tsx
index a1ea2582..2733a40d 100644
--- a/src/components/molecules/InterpretationLog.tsx
+++ b/src/components/molecules/InterpretationLog.tsx
@@ -112,7 +112,27 @@ export const InterpretationLog = () => {
           </Highlight>
           {
             getList ? (
+              <>
               <p>What is the maximum number of rows you want to extract?</p>
+              <FormControl>
+      <FormLabel id="demo-row-radio-buttons-group-label">Gender</FormLabel>
+      <RadioGroup
+        row
+        aria-labelledby="demo-row-radio-buttons-group-label"
+        name="row-radio-buttons-group"
+      >
+        <FormControlLabel value="female" control={<Radio />} label="Female" />
+        <FormControlLabel value="male" control={<Radio />} label="Male" />
+        <FormControlLabel value="other" control={<Radio />} label="Other" />
+        <FormControlLabel
+          value="disabled"
+          disabled
+          control={<Radio />}
+          label="other"
+        />
+      </RadioGroup>
+    </FormControl>
+    </>
             ) : null
           }
           <div style={{ float: "left", clear: "both" }}