import { default as React } from 'react';
import { default as IInputGroupIconProps } from './IInputGroupIconProps';
/**
 * InputGroupIcon component wraps the Icon component for pixel-perfect visual cues.
 * Typically used as inline addons for search icons, validation indicators, etc.
 *
 * @param props {@link IInputGroupIconProps} - Props for the InputGroupIcon component
 * @returns The rendered InputGroupIcon component
 *
 * @example
 * ```tsx
 * // Search icon inside input
 * <InputGroup>
 *   <InputGroupIcon name="Search" />
 *   <InputGroupInput placeholder="Search..." />
 * </InputGroup>
 * ```
 *
 * @example
 * ```tsx
 * // Validation checkmark
 * <InputGroup>
 *   <InputGroupInput value="valid@email.com" />
 *   <InputGroupIcon name="CheckCircle" color="var(--base-success-text)" />
 * </InputGroup>
 * ```
 *
 * @example
 * ```tsx
 * // Loading spinner
 * <InputGroup>
 *   <InputGroupInput placeholder="Loading..." />
 *   <InputGroupIcon name="LoaderCircle" animation="spin" />
 * </InputGroup>
 * ```
 */
declare const InputGroupIcon: React.FC<IInputGroupIconProps>;
export default InputGroupIcon;
