renaming app directory

app/src/components/confirmationDialog/ConfirmationDialog.tsx

@@ -0,0 +1,51 @@
+import {
+  Box,
+  Button,
+  Dialog,
+  DialogActions,
+  DialogContent,
+  DialogContentText,
+  DialogTitle,
+  Icon,
+  Spinner
+} from '@noahspan/noahspan-components';
+import { ConfirmationDialogProps } from './ConfirmationDialogProps.interface';
+
+const ConfirmationDialog = ({
+  contentText,
+  isLoading,
+  isOpen,
+  onCancel,
+  onConfirm,
+  title
+}: ConfirmationDialogProps) => {
+  return (
+    <Dialog
+      onClose={onCancel}
+      open={isOpen}
+      sx={{
+        '& .MuiDialog-paper': { width: '2000px' }
+      }}
+    >
+      <DialogTitle>{title}</DialogTitle>
+      <DialogContent sx={{ textAlign: 'center' }}>
+        {!isLoading && <DialogContentText>{contentText}</DialogContentText>}
+        {isLoading && <Spinner />}
+      </DialogContent>
+      <DialogActions>
+        <Button onClick={onCancel} variant="outlined" startIcon={<Icon iconName='fa-xmark' />}>
+          No
+        </Button>
+        <Button
+          onClick={onConfirm}
+          variant="contained"
+          startIcon={<Icon iconName='fa-circle-check'/>}
+        >
+          Yes
+        </Button>
+      </DialogActions>
+    </Dialog>
+  );
+};
+
+export default ConfirmationDialog;