import { ReactNode } from 'react';
import { TextInputProps, TextStyle, ViewStyle } from 'react-native';

import { TranslationKey } from '~/i18n';

import { TextFieldPresets } from './text-field.presets';

type TextType = 'default' | 'email';

export interface TextFieldProps extends TextInputProps {
  placeholder?: string;
  placeholderTx?: TranslationKey;
  preset?: TextFieldPresets;
  rightComponent?: ReactNode;
  textType?: TextType;
  style?: ViewStyle | ViewStyle[];
  inputStyle?: TextStyle | TextStyle[];
}
