import React from 'react';
import {StyleSheet, TextInput, View} from 'react-native';
import {BLACK, LIGHTGRAY, WHITE} from '../color';

export default function Input({
  onChangeText,
  placeholder,
  secureTextEntry,
  visible,
  title,
}) {
  return (
    <View>
      <TextInput
        title={title}
        style={styles.input}
        onChangeText={onChangeText}
        placeholder={placeholder}
        placeholderTextColor={LIGHTGRAY}
        secureTextEntry={secureTextEntry}
      />
    </View>
  );
}

const styles = StyleSheet.create({
  input: {
    marginBottom: 10,
    padding: 10,
    borderWidth: 1,
    borderColor: LIGHTGRAY,
    backgroundColor: WHITE,
    color: BLACK,
  },
});