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
 * <InputGroup>
 *   <InputGroupInput placeholder="Search or enter URL..." />
 *   <InputGroupAddon align="outline-left">
 *     <InputGroupButton>Action</InputGroupButton>
 *   </InputGroupAddon>
 * </InputGroup>
 * ```
 *
 * @example
 * ```tsx
 * // With internal addons (icon + input + dropdown)
 * <InputGroup>
 *   <InputGroupInput placeholder="Search..." />
 *   <InputGroupAddon align="inline-left">
 *     <InputGroupIcon name="Search" size={16} />
 *   </InputGroupAddon>
 *   <InputGroupAddon align="inline-right">
 *     <InputGroupDropdown>Options</InputGroupDropdown>
 *   </InputGroupAddon>
 * </InputGroup>
 * ```
 *
 * @example
 * ```tsx
 * // Full example with all slots
 * <InputGroup>
 *   <InputGroupInput placeholder="Enter amount..." />
 *   <InputGroupAddon align="outline-left">
 *     <InputGroupButton>Action</InputGroupButton>
 *   </InputGroupAddon>
 *   <InputGroupAddon align="inline-left">
 *     <InputGroupIcon name="Dollar" size={16} />
 *   </InputGroupAddon>
 *   <InputGroupAddon align="inline-right">
 *     <InputGroupBadge>Badge</InputGroupBadge>
 *     <InputGroupTooltip>Help text</InputGroupTooltip>
 *   </InputGroupAddon>
 *   <InputGroupAddon align="outline-right">
 *     <InputGroupDropdown>Currency</InputGroupDropdown>
 *   </InputGroupAddon>
 * </InputGroup>
 * ```
 */
declare const InputGroup: React.FC<IInputGroupProps>;
export default InputGroup;
