import { default as React } from 'react';
import { default as IInputGroupProps } from './IInputGroupProps';
/**
* InputGroup component - The root container that manages the overall visual state.
*
* Implements the 5-Slot Spatial Model:
* - Slot 1 (outline-left): External Prepend - outside main border, left side
* - Slot 2 (inline-left): Internal Start - inside visual boundary, left side
* - Slot 3: InputGroupInput - the core data-entry atom (direct child, not in InputGroupAddon)
* - Slot 4 (inline-right): Internal End - inside visual boundary, right side
* - Slot 5 (outline-right): External Append - outside main border, right side
*
* @param props {@link IInputGroupProps} - Props for the InputGroup component
* @returns The rendered InputGroup component
*
* @example
* ```tsx
* // Basic usage with external prepend button
*
*
*
* Action
*
*
* ```
*
* @example
* ```tsx
* // With internal addons (icon + input + dropdown)
*
*
*
*
*
*
* Options
*
*
* ```
*
* @example
* ```tsx
* // Full example with all slots
*
*
*
* Action
*
*
*
*
*
* Badge
* Help text
*
*
* Currency
*
*
* ```
*/
declare const InputGroup: React.FC;
export default InputGroup;