import React from 'react';
import {
  Button,
  DrawerLayoutAndroid,
  Text,
  placeholder,
  TextInput,
  View,
  StyleSheet
} from 'react-native';
import { NavigationContainer } from '@react-navigation/native'
import { createStackNavigator } from '@react-navigation/stack'
import { Value } from 'react-native-reanimated';
import { WHITE } from '../styles/colors/colors';

const LoginTextbox = (props) => {
  return (
    <View style={styles.flex}>
      <TextInput
        placeholder = {props.placeholder}
            keyboardType = {props.keyboardType}
            secureTextEntry = {props.secureTextEntry}
            placeholderTextColor={props.placeholderTextColor}
            width={props.width}
            value = {props.value}
            style={styles.container}
            onChangeText = {props.onChangeText}
      />
    </View>
  )
}

const styles = StyleSheet.create({
  flex:{flexDirection:'row', borderWidth:1, width: '100%'},
   container:{width: 200}
})

export default LoginTextbox;