import React from "react";
import { View, Image, StyleSheet, Dimensions } from "react-native";
import ImageSliderModal from "../components/ModalSwiperComponent/ImageSliderModal";
import { ScreenWidth } from "@rneui/base";
import { TouchableOpacity } from "react-native-gesture-handler";
import Icon from "react-native-vector-icons/FontAwesome";
import AppointmentLayouts from "../layouts/AppointmentLayouts";
const windowHeight = Dimensions.get("window").height;
const BarberListPage = ({ navigation }: any) => {
return (
<AppointmentLayouts
progressIndex={2}
navigation={navigation}
screenBack="ChooseServices"
pictureAddress="Barber"
>
<View style={styles.container}>
<Image source={require("../assets/Haim.jpeg")} style={styles.picture} />
<ImageSliderModal navigation={navigation} screenName="Calendar" />
</View>
</AppointmentLayouts>
);
};
const styles = StyleSheet.create({
container: {
height: windowHeight,
width: ScreenWidth,
},
picture: {
position: "absolute",
height: "40%",
width: "100%",
resizeMode: "cover",
top: -100,
},
button: {
position: "absolute",
top: 10,
zIndex: 200,
backgroundColor: "red",
},
});
export default BarberListPage;