import { default as React } from 'react';
export interface GradientIconContainerProps {
    /** Icon component to display */
    icon: React.ComponentType<{
        className?: string;
    }>;
    /** Size variant */
    size?: 'sm' | 'md' | 'lg' | 'xl';
    /** Shape variant */
    shape?: 'square' | 'rounded' | 'circle';
    /** Gradient color variant */
    variant?: 'blue-purple' | 'green-blue' | 'orange-red' | 'gray' | 'custom';
    /** Custom gradient classes (when variant is 'custom') */
    gradientClasses?: string;
    /** Additional className for the container */
    className?: string;
    /** Custom icon className */
    iconClassName?: string;
}
/**
 * GradientIconContainer Component
 *
 * A reusable container for displaying icons with gradient backgrounds.
 * Commonly used in feature showcases, benefit sections, and landing pages.
 *
 * @example
 * ```tsx
 * import { ShieldCheckIcon } from '@heroicons/react/24/outline';
 *
 * <GradientIconContainer
 *   icon={ShieldCheckIcon}
 *   size="lg"
 *   variant="blue-purple"
 *   shape="rounded"
 * />
 * ```
 */
export declare const GradientIconContainer: React.FC<GradientIconContainerProps>;
//# sourceMappingURL=gradient-icon-container.d.ts.map