From 19891328fc7662e8058bb10665d0c3aca23088ae Mon Sep 17 00:00:00 2001
From: Rinsvent <rinsvent007@gmail.com>
Date: Tue, 17 Jan 2023 23:44:48 +0700
Subject: [PATCH] =?UTF-8?q?=D0=94=D0=BE=D0=B1=D0=B0=D0=B2=D0=B8=D0=BB=20?=
 =?UTF-8?q?=D0=BA=D0=BE=D0=BC=D0=BF=D0=BE=D0=BD=D0=B5=D0=BD=D1=82=20=D0=B4?=
 =?UTF-8?q?=D0=B8=D0=B0=D0=BB=D0=BE=D0=B3=D0=B0?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/elements/confirm-dialog/index.tsx  | 41 +++++++++++++++++++
 .../elements/confirm-dialog/styles.module.css |  0
 2 files changed, 41 insertions(+)
 create mode 100644 components/elements/confirm-dialog/index.tsx
 create mode 100644 components/elements/confirm-dialog/styles.module.css

diff --git a/components/elements/confirm-dialog/index.tsx b/components/elements/confirm-dialog/index.tsx
new file mode 100644
index 0000000..2e96fde
--- /dev/null
+++ b/components/elements/confirm-dialog/index.tsx
@@ -0,0 +1,41 @@
+import styles from './styles.module.css'
+import Button from '@mui/material/Button';
+import Dialog from '@mui/material/Dialog';
+import DialogActions from '@mui/material/DialogActions';
+import DialogContent from '@mui/material/DialogContent';
+import DialogContentText from '@mui/material/DialogContentText';
+import DialogTitle from '@mui/material/DialogTitle';
+import { v4 } from "uuid"
+
+interface ConfirmDialogInterface {
+    open: boolean
+    closeCallback: any
+    agreeCallback: any
+    text: string
+}
+
+export default function ConfirmDialog({open, agreeCallback, closeCallback, text}: ConfirmDialogInterface) {
+    return (
+        <Dialog
+            open={open}
+            onClose={closeCallback}
+            aria-labelledby="alert-dialog-title"
+            aria-describedby="alert-dialog-description"
+        >
+            <DialogTitle>
+                {"Are you sure?"}
+            </DialogTitle>
+            <DialogContent>
+                <DialogContentText>
+                    {text}
+                </DialogContentText>
+            </DialogContent>
+            <DialogActions>
+                <Button onClick={() => agreeCallback(v4())} autoFocus>
+                    Agree
+                </Button>
+                <Button onClick={closeCallback}>Disagree</Button>
+            </DialogActions>
+        </Dialog>
+    );
+}
diff --git a/components/elements/confirm-dialog/styles.module.css b/components/elements/confirm-dialog/styles.module.css
new file mode 100644
index 0000000..e69de29