From e53cf242a38128d81c6f7acaf50cdd03bb121e8d Mon Sep 17 00:00:00 2001
From: karishmas6 <carishmashukla28@gmail.com>
Date: Thu, 25 Jul 2024 22:50:45 +0530
Subject: [PATCH] feat: import confirmation box

---
 src/components/organisms/BrowserWindow.tsx | 27 +---------------------
 1 file changed, 1 insertion(+), 26 deletions(-)

diff --git a/src/components/organisms/BrowserWindow.tsx b/src/components/organisms/BrowserWindow.tsx
index e402dbfc..08abce9e 100644
--- a/src/components/organisms/BrowserWindow.tsx
+++ b/src/components/organisms/BrowserWindow.tsx
@@ -6,33 +6,8 @@ import { Highlighter } from "../atoms/Highlighter";
 import { GenericModal } from '../atoms/GenericModal';
 import { Button, Typography, Box } from '@mui/material';
 import { useActionContext } from '../../context/browserActions';
+import { ConfirmationBox } from "../atoms/ConfirmationBox";
 
-interface ConfirmationBoxProps {
-    selector: string;
-    onYes: () => void;
-    onNo: () => void;
-}
-
-const ConfirmationBox = ({ selector, onYes, onNo }: ConfirmationBoxProps) => {
-    return (
-        <Box sx={{ textAlign: 'center' }}>
-            <Typography variant="h6" component="h2" gutterBottom>
-                Confirmation
-            </Typography>
-            <Typography variant="body1" gutterBottom>
-                Do you want to interact with the element: {selector}?
-            </Typography>
-            <Box sx={{ mt: 2, display: 'flex', justifyContent: 'center', gap: 2 }}>
-                <Button variant="contained" color="primary" onClick={onYes}>
-                    Yes
-                </Button>
-                <Button variant="contained" color="secondary" onClick={onNo}>
-                    No
-                </Button>
-            </Box>
-        </Box>
-    );
-};
 
 export const BrowserWindow = () => {
     const [canvasRef, setCanvasReference] = useState<React.RefObject<HTMLCanvasElement> | undefined>(undefined);