refactor(web): remove typescript

packages/web/src/components/ConfirmationDialog/index.jsx

@@ -0,0 +1,47 @@
+import * as React from 'react';
+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';
+export default function ConfirmationDialog(props) {
+  const {
+    onClose,
+    onConfirm,
+    title,
+    description,
+    cancelButtonChildren,
+    confirmButtionChildren,
+    open = true,
+  } = props;
+  const dataTest = props['data-test'];
+  return (
+    <Dialog open={open} onClose={onClose} data-test={dataTest}>
+      {title && <DialogTitle>{title}</DialogTitle>}
+      {description && (
+        <DialogContent>
+          <DialogContentText>{description}</DialogContentText>
+        </DialogContent>
+      )}
+
+      <DialogActions>
+        {cancelButtonChildren && onClose && (
+          <Button onClick={onClose} data-test="confirmation-cancel-button">
+            {cancelButtonChildren}
+          </Button>
+        )}
+
+        {confirmButtionChildren && onConfirm && (
+          <Button
+            onClick={onConfirm}
+            color="error"
+            data-test="confirmation-confirm-button"
+          >
+            {confirmButtionChildren}
+          </Button>
+        )}
+      </DialogActions>
+    </Dialog>
+  );
+}