import React, { StyleSheet } from 'react-native' export default StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff', }, welcome: { fontSize: 20, textAlign: 'center', margin: 10, }, instructions: { textAlign: 'center', color: '#333333', marginBottom: 5, }, headlineText: { textAlign: 'center', color: '#dc0067', fontSize: 25, paddingBottom: 20, paddingTop: 12, }, button: { alignItems: 'center', backgroundColor: '#DDDDDD', padding: 10, marginBottom: 10, textAlign: 'center', width: 150, }, button2: { alignItems: 'center', backgroundColor: '#DDDDDD', padding: 10, marginBottom: 10, width: 150, }, img: { paddingTop: 30, paddingBottom: 30, alignItems: 'center', }, header: { backgroundColor: '#333', }, wholeBackground: { backgroundColor: '#fff', }, breakLine: { height: 2, backgroundColor: '#dc0067', }, map: { position: 'absolute', top: 0, left: 0, bottom: 0, right: 0 }, simpleText: { color: '#dc0067', textAlign: 'center', paddingBottom: 10, }, simpleTextb: { color: '#000', textAlign: 'left', paddingBottom: 10, }, simpleTextb2: { // color: '#000', textAlign: 'left', }, testCenter: { alignItems: 'center', }, viewStyleOne: { width: 85, minHeight: 40, paddingLeft: 10, paddingRight: 10, justifyContent: 'center', alignItems: 'flex-start', backgroundColor: '#FDE84D', }, viewStyleTwo: { flexGrow: 1, minHeight: 40, paddingLeft: 10, justifyContent: 'center', alignItems: 'flex-start', backgroundColor: '#fff' }, viewStyleTwo2: { flexGrow: 1, minHeight: 80, justifyContent: 'center', alignItems: 'center', backgroundColor: '#fff' }, textStyle: { textAlign: 'center' }, container2: { width: 320, // maxHeight: 41, backgroundColor: '#FDE84D', // flex: 1, marginBottom: 7, flexDirection: 'row', justifyContent: 'space-between', alignItems: 'flex-start', }, infoTextinf: { paddingTop: 50, paddingLeft: 25, paddingRight: 25, }, infoTextinfH: { fontWeight: 'bold', }, infTextinfC: { paddingBottom: 10, } });