import React from "react"; import { NativeSyntheticEvent, StyleProp, TargetedEvent, TextInputProps as RNTextInputProps, ViewStyle } from "react-native"; import { PaletteColor } from "./base"; export interface TextInputProps extends RNTextInputProps { /** * The variant to use. * * @default "filled" */ variant?: "filled" | "outlined" | "standard"; /** * The label to display. */ label?: string; /** * The element placed before the text input. */ leading?: React.ReactNode | ((props: { color: string; size: number; }) => React.ReactNode | null) | null; /** * The element placed after the text input. */ trailing?: React.ReactNode | ((props: { color: string; size: number; }) => React.ReactNode | null) | null; /** * The color of the text input's content (e.g. label, icons, selection). * * @default "primary" */ color?: PaletteColor; /** * The helper text to display. */ helperText?: string; /** * Callback function to call when user moves pointer over the input. */ onMouseEnter?: (event: NativeSyntheticEvent) => void; /** * Callback function to call when user moves pointer away from the input. */ onMouseLeave?: (event: NativeSyntheticEvent) => void; /** * The style of the container view. */ style?: StyleProp; /** * The style of the text input container view. */ inputContainerStyle?: StyleProp; /** * The style of the text input. */ inputStyle?: RNTextInputProps["style"]; /** * The style of the text input's leading element container. */ leadingContainerStyle?: StyleProp; /** * The style of the text input's trailing element container. */ trailingContainerStyle?: StyleProp; } declare const TextInput: React.FC; export default TextInput;