Booking Card

1import React from 'react';
2import {
3    StyleSheet,
4    View,
5    Text,
6    Image,
7    TouchableOpacity,
8    Dimensions,
9    ImageSourcePropType,
10} from 'react-native';
11import { Ionicons } from '@expo/vector-icons';
12import { LinearGradient } from 'expo-linear-gradient';
13
14const { width } = Dimensions.get('window');
15
16interface BookingCardProps {
17    location?: string;
18    type?: string;
19    dateRange?: string;
20    price?: string;

import React from 'react';
import { StyleSheet, View, SafeAreaView } from 'react-native';
import BookingCard from './components/BookingCard';

export default function App() {
    return (
        <SafeAreaView style={styles.container}>
            <BookingCard
                image={{ uri: 'https://images.unsplash.com/photo-1510798831971-661eb04b3739?q=80&w=1000&auto=format&fit=crop' }}
                location="Torreano, Italy"
                price="200"
                onBookPress={() => alert('Booking logic goes here!')}
            />
        </SafeAreaView>
    );
}

const styles = StyleSheet.create({
    container: {
        flex: 1,