// Import necessary libraries import React, { useState } from 'react'; import { View, Text, Button } from 'react-native';
// Define the Itinerary Builder component const ItineraryBuilder = () => { const [destination, setDestination] = useState(''); const [activities, setActivities] = useState([]); const [itinerary, setItinerary] = useState([]); chi chi medina
// Render the Itinerary Builder UI return ( <View> <Text>Destination:</Text> <TextInput value={destination} onChangeText={handleDestinationInput} /> <Button title="Get Activities" onPress={handleGetActivities} /> <Text>Activities:</Text> {activities.map((activity) => ( <Button key={activity.id} title={activity.name} onPress={() => handleAddActivity(activity)} /> ))} <Text>Itinerary:</Text> {itinerary.map((activity) => ( <Text key={activity.id}>{activity.name}</Text> ))} </View> ); }; // Import necessary libraries import React, { useState
// Handle itinerary customization const handleAddActivity = (activity) => { setItinerary([...itinerary, activity]); }; // Import necessary libraries import React