import type {
  StyleProp,
  TextInputProps,
  TextStyle,
  ViewStyle,
} from 'react-native';
import type { LabelProps } from '../Label/types';

export interface TextFieldProps extends Omit<TextInputProps, 'editable'> {
  /**
   * @description
   * Styling for TextField container
   */
  style?: StyleProp<ViewStyle>;

  /**
   * @description
   * A Boolean attribute indicating that the user cannot interact with the control
   */
  disabled?: boolean;

  /**
   * @description
   * Indicates whether the TextField component has an error
   */
  error?: boolean;

  /**
   * @description
   *  When defined and `error` is true, show error message
   */
  errorMessage?: string;

  /**
   * @description
   *  Styling for error message
   */
  errorMessageStyle?: StyleProp<TextStyle>;

  /**
   * @description
   * Label text for field
   */
  label?: string;

  /**
   * @description
   * Styling for the label
   */
  labelStyle?: LabelProps['style'];

  /**
   * @description
   * Styling for the input field
   */
  fieldStyle?: StyleProp<TextStyle>;

  /**
   * @description
   * Component(s) to show after input
   */
  endAccessory?: React.ReactNode;
}

export interface TextFieldStyles {
  container?: ViewStyle;
  disabled?: ViewStyle;
  error?: ViewStyle;
  field?: TextStyle;
  fieldContainer?: ViewStyle;
  label?: TextStyle;
}