-- CODE language-jsx --
import React from 'react';
import Images from '../config/Images';
import { Button, ScreenContainer, Touchable, withTheme } from '@draftbit/ui';
import { Image, StatusBar, StyleSheet, Text, View } from 'react-native';
const REPLACE_SCREEN_NAME = props => {
const { theme } = props;
React.useEffect(() => {
StatusBar.setBarStyle('dark-content');
}, []);
return (
<ScreenContainer
style={styles.screenContainerUB}
scrollable={false}
hasSafeArea={true}
>
<View
accessible={true}
importantForAccessibility=""auto""
hitSlop={{}}
pointerEvents=""auto""
/>
<View
style={styles.viewLz}
accessible={true}
importantForAccessibility=""auto""
hitSlop={{}}
pointerEvents=""auto""
>
<Image
style={styles.image6K}
source={Images.PermissionsContacts}
resizeMode=""contain""
/>
<Text
style={StyleSheet.flatten([
styles.textUy,
theme.typography.headline4,
{ color: theme.colors.strong },
])}
>
Enable Contacts
</Text>
<Text
style={StyleSheet.flatten([
styles.textZl,
theme.typography.subtitle1,
{ color: theme.colors.strong },
])}
>
Connect your address book to make it easier to find people you know.
</Text>
</View>
<View
style={styles.viewGe}
accessible={true}
importantForAccessibility=""auto""
hitSlop={{}}
pointerEvents=""auto""
>
<Touchable style={styles.touchable3P}>
<Text
style={StyleSheet.flatten([
styles.textK0,
theme.typography.button,
{ color: theme.colors.light },
])}
>
SKIP
</Text>
</Touchable>
<Button style={styles.buttonI5} type=""solid"">
ENABLE CONTACTS
</Button>
</View>
</ScreenContainer>
);
};
const styles = StyleSheet.create({
screenContainerUB: {
justifyContent: 'space-between',
},
textK0: {
height: 20,
textAlign: 'center',
},
touchable3P: {
marginBottom: 24,
},
image6K: {
width: 150,
height: 150,
marginBottom: 16,
},
buttonI5: {
width: '100%',
height: 48,
},
viewLz: {
alignItems: 'center',
marginRight: 32,
marginLeft: 32,
},
textUy: {
textAlign: 'center',
},
viewGe: {
alignItems: 'center',
marginLeft: 16,
marginRight: 16,
},
textZl: {
textAlign: 'center',
},
});
export default withTheme(REPLACE_SCREEN_NAME);