1import { StatusBar } from 'expo-status-bar';
2import { StyleSheet, View } from 'react-native';
3
4import Button from './components/Button';
5import ImageViewer from './components/ImageViewer';
6
7const PlaceholderImage = require('./assets/images/background-image.png');
8
9export default function App() {
10  return (
11    <View style={styles.container}>
12      <View style={styles.imageContainer}>
13        <ImageViewer placeholderImageSource={PlaceholderImage} />
14      </View>
15      <View style={styles.footerContainer}>
16        <Button theme="primary" label="Choose a photo" />
17        <Button label="Use this photo" />
18      </View>
19      <StatusBar style="auto" />
20    </View>
21  );
22}
23
24const styles = StyleSheet.create({
25  container: {
26    flex: 1,
27    backgroundColor: '#25292e',
28    alignItems: 'center',
29  },
30  imageContainer: {
31    flex:1,
32    paddingTop: 58
33  },
34  footerContainer: {
35    flex: 1 / 3,
36    alignItems: 'center',
37  },
38});
39