From 524c52cb876d7be937325f3193ae7496417836bf Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Sat, 22 Jun 2024 20:00:45 +0530
Subject: [PATCH] feat: scroll action

---
 .../molecules/action-settings/scroll.tsx      | 21 +++++++++++++++++++
 1 file changed, 21 insertions(+)
 create mode 100644 src/components/molecules/action-settings/scroll.tsx

diff --git a/src/components/molecules/action-settings/scroll.tsx b/src/components/molecules/action-settings/scroll.tsx
new file mode 100644
index 00000000..e115404f
--- /dev/null
+++ b/src/components/molecules/action-settings/scroll.tsx
@@ -0,0 +1,21 @@
+import React, { forwardRef, useImperativeHandle } from 'react';
+import { TextField } from "@mui/material";
+
+export const ScrollSettings = forwardRef((props, ref) => {
+  const [settings, setSettings] = React.useState<number>(0);
+  useImperativeHandle(ref, () => ({
+    getSettings() {
+      return settings;
+    }
+  }));
+
+  return (
+    <TextField
+      sx={{marginLeft: '15px'}}
+      type="number"
+      label="Number of pages"
+      required
+      onChange={(e) => setSettings(parseInt(e.target.value))}
+    />
+  );
+});