From 318b3d17977bc256534f6428700ab89f8ff4bd80 Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 31 Aug 2024 01:19:24 +0530
Subject: [PATCH] feat: display options to user

---
 src/components/organisms/RightSidePanel.tsx | 11 +++++++++++
 1 file changed, 11 insertions(+)

diff --git a/src/components/organisms/RightSidePanel.tsx b/src/components/organisms/RightSidePanel.tsx
index 134369c3..d7898094 100644
--- a/src/components/organisms/RightSidePanel.tsx
+++ b/src/components/organisms/RightSidePanel.tsx
@@ -175,6 +175,17 @@ export const RightSidePanel = () => {
           </>
         }
 
+{showPaginationOptions && (
+          <Box display="flex" flexDirection="column" gap={2} style={{ margin: '15px' }}>
+            <Typography>Select an option for the list:</Typography>
+            <Button variant={selectedPaginationSetting === 'Option 1' ? "contained" : "outlined"} onClick={() => handlePaginationSettingSelect('Option 1')}>Option 1</Button>
+            <Button variant={selectedPaginationSetting === 'Option 2' ? "contained" : "outlined"} onClick={() => handlePaginationSettingSelect('Option 2')}>Option 2</Button>
+            <Button variant={selectedPaginationSetting === 'Option 3' ? "contained" : "outlined"} onClick={() => handlePaginationSettingSelect('Option 3')}>Option 3</Button>
+            <Button variant={selectedPaginationSetting === 'Option 4' ? "contained" : "outlined"} onClick={() => handlePaginationSettingSelect('Option 4')}>Option 4</Button>
+            <Button variant="contained" onClick={handleConfirmListCapture}>Confirm Selection</Button>
+          </Box>
+        )}
+
         {!getText && !getScreenshot && !getList && <Button variant="contained" onClick={startGetText}>Capture Text</Button>}
         {getText &&
           <>