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

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

const styles = StyleSheet.create({
  input: {
    // borderColor: '#dddddd',
    // borderWidth: 1,
    marginBottom: 10,
    padding: 10,
    borderRadius: 50,
    backgroundColor: PRIMARY.LIGHT,
  },
});