<ScrollView style={{flex: 1, backgroundColor: 'white'}}>
<View style={{flexDirection:'row', alignItems:'center',
justifyContent:'space-around',marginVertical:12}}>
<View
style={{
flexDirection: 'row',
alignItems: 'center',
gap: 10,
marginTop: 10,
marginLeft: 5,
}}>
<Image
style={{width: 20, height: 20}}
source={require('../assets/images/cross-in-circle.png')}
/>
<View style={{flexDirection: 'row', alignItems: 'center', gap: 7}}>
<Image
style={{width: 40, height: 40, borderRadius: 20}}
source={require('../assets/images/profile.png')}
/>
<Text style={{fontWeight: '500'}}>Anyone</Text>
</View>
</View>
<View
style={{
flexDirection: 'row',
alignItems: 'center',
gap: 10,
marginTop: 10,
marginLeft: 5,
marginRight: 8,
}}>
<Image
style={{width: 20, height: 20}}
source={require('../assets/images/undo.png')}
/>
<Pressable
style={{
padding: 10,
backgroundColor: '#0072b1',
borderRadius: 20,
width: 80,
}}>
<Text
style={{textAlign: 'center', color: 'white', fontWeight: 'bold'}}>
Post
</Text>
</Pressable>
</View>
</View>
<TextInput
value={description} onChangeText={(text)=>setDescription(text)}
placeholder='What do you want to talk about'
placeholderTextColor={"black"}
style={{
marginHorizontal:10,
fontSize:15,
fontWeight:'500',
marginTop:10
}}
multiline={true}
numberOfLines={5}
textAlignVertical={'top'}
/>
<Pressable style={{flexDirection:'column', marginTop:'auto',
marginRight:'auto', marginLeft:'auto'}}>
<Pressable style={{width:40, height:40, marginTop:12,
backgroundColor:'#E0E0E0',
borderRadius:20, justifyContent:'center', alignItems:'center'}}>
<Image
style={{width: 20, height: 20}}
source={require('../assets/images/gallery.png')}
/>
</Pressable>
<Text>Media</Text>
</Pressable>
</ScrollView>
);
