import * as React from 'react';

import { Text, View, StyleSheet,TextInput } from 'react-native';

import Constants from 'expo-constants';

// You can import from local files

import AssetExample from './components/AssetExample';

// or any pure javascript modules available in npm

import { Card } from 'react-native-paper';

export default function App() {

  return (

    <View>

    <View style={styles.container}>

    <View style={styles.flex}>

    <Text>E-Mail</Text>

     <TextInput style={[{borderWidth:1}, {width:'30%'},{marginEnd:10}]}>

     </TextInput>

     <Text>Name</Text>

     <TextInput style={[{borderWidth:1}, {width:'30%'}]}>

     </TextInput>

     </View>

     <View style={styles.flex}>

    <Text>Country</Text>

     <TextInput style={[{borderWidth:1}, {width:'30%'},{marginEnd:10}]}>

     </TextInput>

     <Text>City</Text>

     <TextInput style={[{borderWidth:1}, {width:'30%'}]}>

     </TextInput>

     </View>

    <View style={styles.flex}>

    <Text>Address</Text>

    <TextInput multiline='true' style={[{borderWidth:1}, {width:'30%'},{height:'100'}]}></TextInput>

    </View>

    </View>

     <View style={styles.btn}>

    <Text style={{color:'#fff'}}>

    SUBMIT</Text>

    </View>

    </View>

  );

}

const styles = StyleSheet.create({

  container: {

    // flex: 1,

    justifyContent: 'center',

    paddingTop: Constants.statusBarHeight,

    backgroundColor: '#ecf0f1',

    padding: 8,

  },

  // paragraph: {

  //   margin: 24,

  //   fontSize: 18,

  //   fontWeight: 'bold',

  //   textAlign: 'center',

  // },

  flex:{

    flex:1,

    flexDirection:'row',

    margin:10

  },

  btn:{

    flex:1,

    width:'50%',

    backgroundColor:'blue',

    borderRadius:10,

    padding:10,

    color:'#fff',

    justifyContent:'center',

    alignItems:'center',

    margin:'auto'

  }

});