import React, { Component } from 'react';
import { StyleSheet, View, Text, Image} from 'react-native';

class Tentang extends Component {

  render() {
    return (
        <View style={styles.containerMain}>
            <View style={{height:24}}>

            </View>
            <View style={{flex:1.5, alignItems:'center',
                        justifyContent:'space-around',
                        backgroundColor:'#969969'}}>
                <Text style={{fontSize:30,
                            color:'white'}}>Profile</Text>
            </View>
            <View style={{flex:3}}>
                <View style={{flex:1,
                            flexDirection:'row'}}>
                    <View style={{flex:1,
                                alignItems:'flex-end',
                                justifyContent:'space-around',
                                borderRadius:20}}>
                        <Image  style={{width: 100, height: 150}}
                        source={require("./up.png")}/>
                    </View>
                    <View style={{flex:2,
                                alignItems:'stretch',
                                justifyContent:'space-evenly',
                                margin:5}}>
                        <Text style={{borderWidth:1, fontSize:15, paddingLeft:10}}>Nama  : M. Ainul Yaqin</Text>
                        <Text style={{borderWidth:1, fontSize:15, paddingLeft:10}}>NIM   : 1715051028</Text>
                        <Text style={{borderWidth:1, fontSize:15, paddingLeft:10}}>Kelas : 4C</Text>
                        <Text style={{borderWidth:1, fontSize:15, paddingLeft:10}}>Jurusan : Pendidikan Teknik Informatika</Text>
                        <Text style={{borderWidth:1, fontSize:15, paddingLeft:10}}>Skill : Berdebat</Text>
                    </View>
                </View>
            </View>
            <View style={{flex:6}}>

            </View>
            <View style={{flex:1, alignItems:'center',
                        justifyContent:'space-around',
                        backgroundColor:'#969969'}}>
            </View>
        </View>
    );
  }
}

const styles = StyleSheet.create({
    containerMain: {
        flex: 1,
    }
})

export default Tentang;