import * as React from 'react';

interface HeroOverlayCtaGridCard {
    /**
     * Card label text
     */
    label: string;
    /**
     * Supporting card text
     */
    subtitle: string;
    /**
     * Icon name for the card
     */
    icon: string;
    /**
     * Optional link destination
     */
    href?: string;
}
interface HeroOverlayCtaGridProps {
    /**
     * Badge text displayed above the heading
     */
    badgeText?: string;
    /**
     * Icon name for the badge
     */
    badgeIcon?: string;
    /**
     * Main heading text
     */
    heading?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Primary call-to-action config
     */
    primaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Secondary call-to-action config
     */
    secondaryCta?: {
        label: string;
        href: string;
    };
    /**
     * CTA cards displayed beneath the hero copy
     */
    cards?: HeroOverlayCtaGridCard[];
    /**
     * Background image URL
     */
    backgroundImage?: string;
    /**
     * Background image alt text
     */
    backgroundAlt?: string;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * HeroOverlayCtaGrid - A hero layout with background image overlay, headline, dual CTAs,
 * and a supporting grid of icon cards. Ideal for service-focused landing pages that
 * need a strong hero statement plus quick navigation to top offerings.
 */
declare function HeroOverlayCtaGrid({ badgeText, badgeIcon, heading, description, primaryCta, secondaryCta, cards, backgroundImage, backgroundAlt, className, optixFlowConfig, }: HeroOverlayCtaGridProps): React.JSX.Element;

export { HeroOverlayCtaGrid, type HeroOverlayCtaGridProps };
