import {
	StyleSheet,
} from 'react-native';

import {responsiveHeight, responsiveWidth, responsiveFontSize} from 'react-native-responsive-dimensions';

const globalStyles = StyleSheet.create({
	
	backgroundRed:{
		backgroundColor:'red'
	},
	subHeader:{
		height:70,
		backgroundColor:'white'
	},
	subHeaderContent:{
		height:35
	},
	primaryBackgroundColor:{
		backgroundColor:'#c70260',
	},
	primaryButton:{
		alignSelf:'center',
		backgroundColor:'#c70260',
		padding:3,
		height:50,
		alignSelf:'stretch',
		alignItems:'center',
		justifyContent:'center',
		borderRadius:12,
		marginBottom:10,
	},
	primaryButtonText:{
		color:'white',
		fontFamily:'HelveticaNeue',
		fontSize:responsiveFontSize(2.3),
		justifyContent:'center'
	},
	primaryButtonIcon:{
		color:'white',
		justifyContent:'center'
	},
	safeAreaView:{
		backgroundColor:'#008cc1',
		flex:1
	},
	modal:{
		borderRadius:20,
	},
	
	modalHeaderImage:{
		marginTop:-50,
		alignSelf:'center',
	},
	modalTitle:{
		backgroundColor:'#eeeeee',
		padding:10,
		textAlign:'center',
		borderRadius:10,
		marginTop:50,
		fontSize:20,
		fontWeight:'bold',
	},
	modalContent:{
		flex:1,
		padding:20,
	},
	textInputContainer:{
		alignItems:'center',
		borderRadius:12,
		marginBottom:15,
	},
	textInput:{
		alignSelf: 'stretch', 
		margin:2,
		backgroundColor:'white',
		height: responsiveFontSize(5.75), 
		borderRadius:12,
		paddingLeft:15,
		paddingRight:15,
		fontSize:responsiveFontSize(2.3), 
		fontFamily:'HelveticaNeue-Light',
		color:'#6d7278'
	},
	textInputDisabled:{
		color:'#dddddd'
	},
	textInputTitle:{
		alignSelf: 'stretch', 
		marginTop:0,
		marginBottom:0, 
		fontSize:12, 
		color:'#444444'
	},
	separator:{
		borderBottomColor:'#777777',
    	borderBottomWidth:2,
    	marginBottom:15
	},
	touchableHighlightLinearGradient:{
		padding:3,
		paddingRight:35,
		paddingLeft:35,
		borderRadius:10,
	},
	footerButtons:{
		height:60,
		flexDirection:'row',
		justifyContent:'flex-end',
		alignContent:'stretch',
	},
	footerButton:{
		flex:0.5,
		flexGrow:1,
		alignItems:'center',
		justifyContent:'center',
	},
	footerButtonText:{
		fontFamily:'HelveticaNeue-Medium',
		fontSize:18,
		color:'white',
	}
});

export default globalStyles