import React,{Component} from 'react'
import {StyleSheet,View,Text} from 'react-native'
import {Fumi} from 'react-native-textinput-effects'
import Button from 'apsl-react-native-button'
import {responsiveHeight,responsiveWidth,responsiveFontSize} from 'react-native-responsive-dimensions'
import FontAwesome from 'react-native-vector-icons/FontAwesome'

let route=require('./../../route.json')
let theme=require('./../../utils/theme.json')

export default class ConfirmCode extends Component{

    render(){
        return <View style={styles.container}>
            <Text>
                Confirmation de création de compte
            </Text>
            <Text>
                Entrez le code de confirmation de compte que vous aviez recu par email
            </Text>
            <Fumi iconClass={FontAwesome}
                iconName={'phone'}
                label={'code de confirmation'}
                style={styles.input}
                  iconColor={theme.accent}
             />
            <Button style={styles.btnsend} textStyle={styles.btntext}>Envoyer !</Button>
        </View>
    }
}
const styles=StyleSheet.create({
    container:{
        backgroundColor:theme.primary,
        flex:1,
    },
    btntext:{
      color:'white',
      fontWeight:'bold',
      fontSize:17
    },
    btnsend:{
      backgroundColor:theme.accent,
      borderColor:'transparent',
      marginRight:20,
        marginTop:20,
        height:responsiveHeight(8),
      marginLeft:20
    },
    input:{
        height:54,
        marginLeft:20,
        marginRight:20,
        borderRadius:10,
        justifyContent:'center',
        textAlign:'center'
    }
})