import * as React from 'react';
import {
Text,
View,
StyleSheet,
Image,
TextInput,
ImageBackground,
} from 'react-native';
import Constants from 'expo-constants';
import { Post } from './components/post';
import { Facebook } from './styles/book';
export default function App() {
return (
<View style={Facebook.container}>
<View style={Facebook.container1}>
<Text style={Facebook.text}>Facebook</Text>
<View style={Facebook.flexcon}>
<View style={Facebook.topIcons}>
<Image
style={Facebook.icons}
source={require('./assets/icons/search.png')}
/>
</View>
<View style={Facebook.topIcons}>
<Image
style={Facebook.icons}
source={require('./assets/icons/menu.png')}
/>
</View>
</View>
</View>
<View style={Facebook.container2}>
<Image
style={Facebook.icons}
source={require('./assets/icons/home.png')}
/>
<Image
style={Facebook.icons}
source={require('./assets/icons/users.png')}
/>
<Image
style={Facebook.icons}
source={require('./assets/icons/messenger.png')}
/>
<Image
style={Facebook.icons}
source={require('./assets/icons/notification.png')}
/>
<Image
style={Facebook.icons}
source={require('./assets/icons/video.png')}
/>
<Image
style={Facebook.icons}
source={require('./assets/icons/home.png')}
/>
</View>
<View style={Facebook.container3}>
<Image
style={Facebook.img}
source={require('./assets/photos/user.jpg')}
/>
<TextInput
style={Facebook.input}
placeholder="What's on your mind?"
placeholderTextColor={'black'}
pl
/>
<View style={{ alignItems: 'center' }}>
<Image
style={Facebook.icons}
source={require('./assets/icons/picture.png')}
/>
<Text style={Facebook.texwt}>Photo</Text>
</View>
</View>
<View style={Facebook.status}>
<View
style={{
borderBottomColor: 'blue',
borderBottomWidth: 2,
width: 100,
alignItems: 'center',
}}>
<Text>Stories</Text>
</View>
<View
style={{
borderBottomColor: 'blue',
borderBottomWidth: 2,
width: 100,
alignItems: 'center',
}}>
<Text>Reels</Text>
</View>
<View
style={{
borderBottomColor: 'blue',
borderBottomWidth: 2,
width: 100,
alignItems: 'center',
}}>
<Text>Rooms</Text>
</View>
</View>
<View>
<View style={Facebook.statusholder}>
<ImageBackground imageStyle={{borderRadius:10,}}
style={Facebook.statusbg}
source={require('./assets/photos/status1.jpg')}>
<Image
style={Facebook.profilePix}
source={require('./assets/photos/user1.JPG')}
/>
<Text style={{color:'white'}}>Miracle Obafemi</Text>
</ImageBackground>
<ImageBackground imageStyle={{borderRadius:10,}}
style={Facebook.statusbg}
source={require('./assets/photos/status2.jpg')}>
<Image
style={Facebook.profilePix}
source={require('./assets/photos/user3.jpg')}
/>
<Text style={{color:'white'}}>Elom Mosk</Text>
</ImageBackground>
<ImageBackground imageStyle={{borderRadius:10,}}
style={Facebook.statusbg}
source={require('./assets/photos/status4.jpg')}>
<Image
style={Facebook.profilePix}
source={require('./assets/photos/user4.jpg')}
/>
<Text style={{color:'white'}}>Joel Mike</Text>
</ImageBackground>
<ImageBackground imageStyle={{borderRadius:10,}}
style={Facebook.statusbg}
source={require('./assets/photos/.jpg')}>
<Image
style={Facebook.profilePix}
source={require('./assets/photos/2.jpg')}
/>
<Text style={{color:'white'}}>Itz John</Text>
</ImageBackground>
</View>
</View>
<Post />
</View>
);
}
