Chi Chi Medina May 2026

// Define the Itinerary Builder component const ItineraryBuilder = () => { const [destination, setDestination] = useState(''); const [activities, setActivities] = useState([]); const [itinerary, setItinerary] = useState([]);

// Handle itinerary customization const handleAddActivity = (activity) => { setItinerary([...itinerary, activity]); }; chi chi medina

// Handle activity suggestion retrieval const handleGetActivities = async () => { try { const response = await fetch(`https://api.tripadvisor.com/v2/location/${destination}/activities`); const data = await response.json(); setActivities(data.activities); } catch (error) { console.error(error); } }; { const [destination

// 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> ); }; setDestination] = useState('')

// Import necessary libraries import React, { useState } from 'react'; import { View, Text, Button } from 'react-native';

// Handle destination input const handleDestinationInput = (text) => { setDestination(text); };