89 lines
1.7 KiB
React
89 lines
1.7 KiB
React
|
import React from "react";
|
||
|
|
import { StyleSheet, Text, TouchableOpacity, View } from "react-native";
|
||
|
|
|
||
|
|
const CheckOutModal = ({ setModalVisible }) => {
|
||
|
|
return (
|
||
|
|
<View style={styles.container}>
|
||
|
|
<View
|
||
|
|
onPress={() => {
|
||
|
|
setModalVisible(false);
|
||
|
|
}}
|
||
|
|
style={styles.conWrap}
|
||
|
|
></View>
|
||
|
|
<View style={styles.conWrap2}>
|
||
|
|
<Text>Check</Text>
|
||
|
|
</View>
|
||
|
|
</View>
|
||
|
|
);
|
||
|
|
};
|
||
|
|
const styles = StyleSheet.create({
|
||
|
|
container: {
|
||
|
|
// width: "95%",
|
||
|
|
// margin: 5,
|
||
|
|
// borderRadius: 10,
|
||
|
|
// borderColor: "#dddd",
|
||
|
|
// borderWidth: 1,
|
||
|
|
// overflow: "hidden",
|
||
|
|
height: "100%",
|
||
|
|
width: "100%",
|
||
|
|
bottom: 0,
|
||
|
|
overflow: "hidden",
|
||
|
|
|
||
|
|
// width: 100,
|
||
|
|
// bottom: 0,
|
||
|
|
// flexDirection: "row",
|
||
|
|
// padding: 10,
|
||
|
|
},
|
||
|
|
header: {
|
||
|
|
flexDirection: "row",
|
||
|
|
justifyContent: "space-between",
|
||
|
|
alignItems: "center",
|
||
|
|
width: "100%",
|
||
|
|
top: 0,
|
||
|
|
padding: 10,
|
||
|
|
},
|
||
|
|
headerText: {
|
||
|
|
fontSize: 14,
|
||
|
|
fontWeight: "600",
|
||
|
|
},
|
||
|
|
headerStatusText: {
|
||
|
|
fontSize: 14,
|
||
|
|
fontWeight: "600",
|
||
|
|
textTransform: "uppercase",
|
||
|
|
color: "#ffaa00",
|
||
|
|
},
|
||
|
|
conWrap: {
|
||
|
|
height: "40%",
|
||
|
|
width: "100%",
|
||
|
|
bottom: 0,
|
||
|
|
// backgroundColor: "#ffffff",
|
||
|
|
},
|
||
|
|
conWrap2: {
|
||
|
|
height: "60%",
|
||
|
|
width: "100%",
|
||
|
|
bottom: 0,
|
||
|
|
backgroundColor: "#ffffff",
|
||
|
|
borderTopLeftRadius: 15,
|
||
|
|
borderTopRightRadius: 15,
|
||
|
|
padding: 10,
|
||
|
|
borderWidth: 1,
|
||
|
|
borderColor: "#eeee",
|
||
|
|
},
|
||
|
|
footer: {
|
||
|
|
// position: "absolute",
|
||
|
|
flexDirection: "row",
|
||
|
|
justifyContent: "space-between",
|
||
|
|
alignItems: "center",
|
||
|
|
bottom: 0,
|
||
|
|
width: "100%",
|
||
|
|
},
|
||
|
|
imgWrap: {
|
||
|
|
padding: 10,
|
||
|
|
},
|
||
|
|
wrapper: {
|
||
|
|
margin: 10,
|
||
|
|
marginBottom: 10,
|
||
|
|
},
|
||
|
|
});
|
||
|
|
export default CheckOutModal;
|