ConfirmationModal in Account screen

src/app/components/ConfirmationModal.js

@@ -1,20 +1,12 @@
 import React from "react";
-import {
-  Modal,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  View,
-} from "react-native";
-
-import { MaterialCommunityIcons } from "@expo/vector-icons";
+import { Modal, StyleSheet, Text, TouchableOpacity, View } from "react-native";
 import colors from "../config/colors";
 import { dimensions } from "../config/dimensions";
-import { TouchableOpacity } from "react-native-gesture-handler";
 
 function Btn({ label, onPress, bgColor, txtColor }) {
+  console.log("pimba");
   return (
-    <TouchableOpacity onPress={() => onPress()}>
+    <TouchableOpacity onPress={onPress}>
       <View
         style={{
           paddingHorizontal: 30,
@@ -45,10 +37,20 @@ export default function ConfirmationModal({
       animationType="slide"
       visible={show}
       supportedOrientations={["portrait"]}
+    >
+      <TouchableOpacity onPress={onDecline}>
+        <View
+          style={{
+            width: "100%",
+            height: "100%",
+            justifyContent: "center",
+          }}
         >
           <View style={styles.container}>
             <View style={{ flex: 1 }}>
-          <Text style={[styles.text, { fontSize: dimensions.text.secondary }]}>
+              <Text
+                style={[styles.text, { fontSize: dimensions.text.secondary }]}
+              >
                 {title}
               </Text>
             </View>
@@ -72,6 +74,8 @@ export default function ConfirmationModal({
               />
             </View>
           </View>
+        </View>
+      </TouchableOpacity>
     </Modal>
   );
 }