import React, { Component } from 'react'
import {
  View,
  Text,
  AppRegistry,
  Image,
  StyleSheet,
  TextInput,
  TouchableOpacity,
  Dimensions,
  KeyboardAvoidingView,
  StatusBar,
  ScrollView,
  Slider
}
from 'react-native';
import {TextInputMask} from 'react-native-masked-text';
export default  class TabOne extends Component {

  constructor(props) {
    super(props);

  }


render(){
return(
  <View style={{padding:10}}>
    <View style={{flexDirection:'row', paddingTop:10}}>
      <Text style={{flexDirection:'row', flex:2, fontSize:15, color:'#666', fontFamily: 'Lato-Regular'}}>
      <Text>{this.props.PropertyName}</Text>
      </Text>


      <View style={{flexDirection:'row', flex:2, justifyContent:'flex-end'}}>
        <Text style={{fontSize:15, color:'#666', fontFamily: 'Lato-Light'}}>{this.props.PropertyType}</Text>
      </View>
    </View>

    <View style={{flexDirection:'row', paddingTop:10}}>
      <Text style={{flexDirection:'row', flex:2, fontSize:15, color:'#666', fontFamily: 'Lato-Regular'}}>
      <Text style={{fontFamily:'Lato-Light', fontSize:15}}>{this.props.Address}</Text>
      </Text>


      <View style={{flexDirection:'row', flex:2, justifyContent:'flex-end'}}>
        <Text style={{fontSize:15, color:'#666', fontFamily: 'Lato-Light'}}>{this.props.Propertycity}</Text>
      </View>
    </View>


    <View style={{flexDirection:'row', paddingTop:10}}>

      <TextInputMask
style={{flexDirection:'row', flex:2, color:'#666', fontSize:15, color:'#666', fontFamily: 'Lato-Light', padding:0}}
value={this.props.price}
editable ={false}
type={'money'}
options={{
precision: 0,
unit : 'LKR ',
delimiter: ','
}}
/>
      <View style={{flexDirection:'row', flex:2, justifyContent:'flex-end', fontSize:15, color:'#666', fontFamily: 'Lato-Light'}}>
        <Text style={{color:'#666', fontSize:15, color:'#666', fontFamily: 'Lato-Light'}}></Text>
      </View>
    </View>
   <Text style={{marginTop:10, color:'#666',fontSize:15, color:'#666', fontFamily: 'Lato-Light'}}>
   {this.props.Propertydescription}
   </Text>
   <View style={{flexDirection:'row',justifyContent:'flex-end'}}>
   </View>
  </View>
);


}





}


const styles = StyleSheet.create({

});