import {ScrollView, StyleSheet, View} from "react-native";
import SearchBar from "../../components/SearchBar/SearchBar";
import OrderCard from "../../components/OrderCard/OrderCard";
import {RFPercentage} from "react-native-responsive-fontsize";
import {responsiveHeight} from "react-native-responsive-dimensions";

function OrdersScreen() {
    return (
        <View style={styles.container}>
            <SearchBar onSearch={() => {
            }}/>
            <View style={styles.content}>
                <ScrollView keyboardShouldPersistTaps={"never"} showsHorizontalScrollIndicator={false}
                            showsVerticalScrollIndicator={false}
                            contentContainerStyle={styles.scrollContainer}>

                    <OrderCard />
                    <OrderCard/>
                    <OrderCard/>
                    <OrderCard/>
                    <OrderCard/>
                    <OrderCard/>
                    <OrderCard/>
                </ScrollView>

            </View>
        </View>
    )
}

const styles = StyleSheet.create({
    container: {
        width: "100%",
        height: "100%",
        display: "flex",
    },
    content: {
        flex: 1,
        paddingHorizontal: RFPercentage(3),
        paddingTop: RFPercentage(3)
    },
    scrollContainer: {
        rowGap: responsiveHeight(2)

    }
});

export default OrdersScreen;