import React, {Component} from 'react'
import {View, Text, Image, StyleSheet, TouchableOpacity} from 'react-native'
import icWalletCry from '../../../images/icWalletCry.png';
import Button from '../../../components/buttons/Button';
import path942 from '../../../images/path942.png'
import colors from '../../../utils/colors';
import {screenWidth, numberWithCommas} from '../../../utils/helper'
class ErrorModal extends Component {

	render() {
		const title = this.props.title ? this.props.title : 'Chọn lại'
		return (
			<View style={styles.container}>
				<View style={styles.wrapContent}>
					<Image source={icWalletCry} />
					<Text style={styles.text}>{this.props.messages}</Text>
					<Button style={styles.btnFocus} btnStyle={{width: 296}} title={title} callBack={this.props.closeModal} />
				</View>
			</View>
		)
	}

}

const styles = StyleSheet.create({
	container: {
		flex: 1,
		backgroundColor: '#ffffff'
	},
	header: {
		height: 75,
		width: screenWidth,
		// alignItems: 'center',
		justifyContent: 'flex-start',
		paddingLeft: 16,
		paddingTop: 20
	},
	back: {
		marginLeft: 16,
		justifyContent: 'center',
		alignItems: 'center',
		width: 30,
		height: 30,
		backgroundColor: 'red'
	},
	btnback: {
		resizeMode: 'contain'
	},
	btnFocus: {
		width: 296,
		marginTop: 10
	},
	btn: {
		width: 296,
		backgroundColor: "#9db6ce"
	},
	wrapContent: {
		paddingLeft: 47,
		paddingRight: 47,
		alignItems: 'center'
	},
	text: {
		marginTop: 30,
		fontFamily: "SanFranciscoDisplay-Regular",
		fontSize: 14,
		fontWeight: "normal",
		fontStyle: "normal",
		letterSpacing: 0,
		textAlign: "center",
		color: "#707070"
	},
	hl: {
		color: colors.azure
	}
})

export default ErrorModal;