import { default as React } from 'react';
export interface IconTextProps {
    /** Icon component to display */
    icon: React.ComponentType<{
        className?: string;
    }>;
    /** Text content */
    children: React.ReactNode;
    /** Icon position */
    iconPosition?: 'left' | 'right' | 'top';
    /** Gap between icon and text */
    gap?: 'xs' | 'sm' | 'md' | 'lg';
    /** Icon size */
    iconSize?: 'xs' | 'sm' | 'md' | 'lg' | 'xl';
    /** Text alignment (for top icon position) */
    align?: 'left' | 'center' | 'right';
    /** Color variant */
    variant?: 'default' | 'primary' | 'success' | 'warning' | 'danger' | 'muted';
    /** Additional className for the container */
    className?: string;
    /** Additional className for the icon */
    iconClassName?: string;
    /** Additional className for the text */
    textClassName?: string;
}
/**
 * IconText Component
 *
 * Displays an icon alongside text content with flexible positioning and styling.
 * Commonly used for buttons, labels, list items, and feature highlights.
 *
 * @example
 * ```tsx
 * import { CheckCircleIcon } from '@heroicons/react/24/outline';
 *
 * <IconText icon={CheckCircleIcon}>
 *   Feature enabled
 * </IconText>
 * ```
 *
 * @example
 * ```tsx
 * import { SparklesIcon } from '@heroicons/react/24/outline';
 *
 * <IconText
 *   icon={SparklesIcon}
 *   iconPosition="top"
 *   align="center"
 *   variant="primary"
 * >
 *   Premium Feature
 * </IconText>
 * ```
 */
export declare const IconText: React.FC<IconTextProps>;
//# sourceMappingURL=icon-text.d.ts.map