import * as React from 'react'; import type { Size } from '../../../types/sizes.types'; import type { InputContainerProps } from '../input-container/InputContainer'; export type InputVariant = 'outlined' | 'surface' | 'subtle' | 'standalone' | 'embedded' | 'header'; export type InputProps = Omit, 'size' | 'width'> & Omit & { icon?: React.ReactNode; autoFocus?: boolean; minWidth?: string | number; width?: string | number; maxWidth?: string | number; inputSize?: Exclude; variant?: InputVariant; onClear?: (event?: React.MouseEvent | React.KeyboardEvent) => void; clearAriaLabel?: string; onButtonClick?: () => void; buttonDisabled?: boolean; buttonLabel?: string; buttonIcon?: React.ReactNode; buttonAriaLabel?: string; trailingLabel?: string; tooltip?: React.ReactNode; tooltipPlacement?: 'top' | 'right' | 'bottom' | 'left'; tooltipOpenOnFocus?: boolean; modified?: boolean; /** * Custom content to render inside the input field, before the input element (e.g. chips) */ startAdornment?: React.ReactNode; /** * Custom content to render inside the input field, after the input element */ endAdornment?: React.ReactNode; fieldClassName?: string; inputClassName?: string; 'data-cy'?: string; }; export declare const Input: React.ForwardRefExoticComponent & React.RefAttributes>;