/**
 * @file useInputContainer.ts
 * @input Container ref, input ref
 * @output onClick and onMouseUp handlers for the input container wrapper
 * @position Hook for input wrapper containers that delegate focus to the inner input/textarea
 *
 * Uses useClickableContainer to safely handle nested interactive elements
 * (clear buttons, calendar toggles, etc.) while focusing the input when
 * clicking non-interactive areas (icons, padding, status indicators).
 */
import { type RefObject } from 'react';
export interface UseInputContainerOptions {
    /** Ref to the outer container/wrapper element */
    containerRef: RefObject<HTMLElement | null>;
    /** Ref to the inner input or textarea element */
    inputRef: RefObject<HTMLInputElement | HTMLTextAreaElement | HTMLElement | null>;
    /** Whether the input is disabled */
    disabled?: boolean;
}
/**
 * Hook that makes an input container wrapper clickable, delegating focus
 * to the inner input/textarea when the user clicks non-interactive areas
 * (icons, padding, status indicators).
 *
 * Nested interactive elements (clear buttons, links) are handled safely
 * via useClickableContainer — clicking them does NOT steal focus.
 *
 * @compositionHint Use inside input wrapper components (TextInput,
 * NumberInput, TimeInput, TextArea, etc.).
 *
 * @example
 * ```
 * const containerRef = useRef<HTMLDivElement>(null);
 * const inputRef = useRef<HTMLInputElement>(null);
 * const { onClick, onMouseUp } = useInputContainer({
 *   containerRef,
 *   inputRef,
 * });
 * return (
 *   <div ref={containerRef} onClick={onClick} onMouseUp={onMouseUp}>
 *     <Icon icon="search" />
 *     <input ref={inputRef} />
 *   </div>
 * );
 * ```
 */
export declare function useInputContainer({ containerRef, inputRef, disabled, }: UseInputContainerOptions): import("./useClickableContainer").ClickableContainerResult;
//# sourceMappingURL=useInputContainer.d.ts.map