text: import React from 'react'
  import { StyleSheet, Text, TextInput, View , Platform} from 'react-native'
  import { MaterialCommunityIcons } from '@expo/vector-icons';
  import colors from '../assets/config/colors';
  
  export default function AppTextInput({ icon, ...otherProps }) {
      return (
          <View style={styles.container}>
              {icon && <MaterialCommunityIcons name={icon} size={20} color={colors.medium} style={styles.icon}/>}
              <TextInput style={styles.textInput} {...otherProps}/>
          </View>
      )
  }
  
  const styles = StyleSheet.create({
      container:{
          backgroundColor: colors.textInput,
          borderRadius: 10,
          flexDirection: "row",
          width:" 100%",
          padding: 15,
          marginVertical: 10,
  
      },
      textInput:{
          color: colors.dark,
          fontSize: 18,
          fontFamily: Platform.OS === "android"? "Roboto" : "Avenir"
      },
      icon:{
          marginRight:10
      },
  
  })
  