import { StyleSheet } from 'react-native';
import sharedStyles from '../Styles';
export default StyleSheet.create({
container: {
flex: 1
},
centered: {
justifyContent: 'center',
alignItems: 'center'
title: {
fontSize: 18,
...sharedStyles.textBold,
...sharedStyles.textAlignCenter
text: {
paddingHorizontal: 16,
paddingVertical: 8,
...sharedStyles.textRegular
to: {
toContent: {
width: '100%'
toContentText: {
width: '100%',
name: {
content: {
mediaContainer: {
mediaContent: {
flexDirection: 'row',
padding: 16,
alignItems: 'center',
...sharedStyles.separatorTop
mediaImage: {
height: 64,
width: 64
mediaIcon: {
fontSize: 64
mediaIconContainer: {
justifyContent: 'center'
mediaInfo: {
marginLeft: 16,
mediaText: {
fontSize: 16,
mediaInputContent: {
input: {
inputContainer: {
marginBottom: 0
firstInput: {
borderBottomWidth: 0
textInput: {
height: '100%'
mediaNameInput: {
paddingLeft: 16,
paddingRight: 16,
paddingVertical: 8
mediaDescriptionInput: {
height: 100
send: {
...sharedStyles.textSemibold,
fontSize: 16
}
});