Update al mapa para enviar el Pin a la pantalla de StateTime para guardar la cita

screens/main/Map.js

@@ -1,12 +1,27 @@
 import * as React from 'react';
+import { useState } from 'react';
 import MapView, { Marker } from 'react-native-maps';
-import { StyleSheet, Text, View, Dimensions, Pressable } from 'react-native';
+import { Button, StyleSheet, Text, View, Dimensions, Pressable } from 'react-native';
+
+
+export default function Map({route, navigation} ) {
+
+    
+    const {
+    Appointment = route.params.Appointment_Date ,
+    int_id = route.params.int_id,
+    mapflag = route.params.Flag 
+    } = route.params
+    
+
+    console.log('In map params')
+    console.log(route.params)
 
-export default function Map() {
   const [pin, setPin] = React.useState({
     latitude: 18.4655,
     longitude: -66.1057,
   })
+
   
   return (
     <View style={styles.container}>
@@ -26,10 +41,14 @@ export default function Map() {
       >
         <Marker coordinate={pin} />
       </MapView>
+        <View style = {{position: 'absolute', bottom: '5%'}}>
+            <Button title= 'Confirm Location' onPress = {() => navigation.navigate('StateTime' , {Pin : pin , Appointment : Appointment, int_id : int_id, mapflag : mapflag})}/>
+        </View>
     </View>
   );
-}
 
+    
+}
 const styles = StyleSheet.create({
   container: {
     flex: 1,
@@ -41,4 +60,11 @@ const styles = StyleSheet.create({
     width: Dimensions.get('window').width,
     height: Dimensions.get('window').height,
   },
+  container2: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    backgroundColor: '#307ecc',
+    padding: 16,
+  },
 });