import { InputHTMLAttributes, ReactNode, RefObject } from 'react'; import { IconNamesType } from '../../../../../../../../../src/utils'; import { ExternalLabelProps } from '../../../../../../../../../src/components/Label'; export interface TextInputProps extends InputHTMLAttributes { ariaLabelPasswordHide?: string; ariaLabelPasswordShow?: string; children?: ReactNode; clearable?: boolean; disabled?: boolean; endAddon?: ReactNode; endIcon?: IconNamesType; error?: boolean; helperText?: string; inline?: boolean; label?: string | ExternalLabelProps; placeholder?: string; readOnly?: boolean; required?: boolean; startAddon?: ReactNode; startIcon?: IconNamesType; isSmall?: boolean; value?: number | string; } /** * Text fields give users a way to enter and edit information. * They’re used in forms, modal dialogs, tables, and other * surfaces where text input is required. * * IMPORTANT: The TextInput component is designed to be contained within a *
component in order for all the styles to render correctly. * * @example * * * * * * * * @see https://design.avayacloud.com/components/web/input-web * @see https://neo-react-library-storybook.netlify.app/?path=/story/components-text-input */ export declare const TextInput: { ({ ariaLabelPasswordHide, ariaLabelPasswordShow, clearable, disabled, endAddon, endIcon, error, helperText, inline, label, placeholder, readOnly, required, startAddon, startIcon, isSmall, type, id, value, ...rest }: TextInputProps): import("react/jsx-runtime").JSX.Element; displayName: string; }; export declare const InternalTextInputElement: ({ disabled, hasHelperText, id, inputRef, placeholder, readOnly, type, value, className, ...rest }: Pick & { id: string; inputRef: RefObject; hasHelperText: boolean; }) => import("react/jsx-runtime").JSX.Element;