import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing, t as PatternName } from './community-initiatives-DmVsuoHE.js';
import 'react/jsx-runtime';
import './blocks-XLPGq8A5.js';
import 'class-variance-authority';
import './button-variants-CdNtNOuP.js';
import 'class-variance-authority/types';

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?: React.ReactNode;
    /**
     * Icon name for the badge
     */
    badgeIcon?: string;
    /**
     * Custom slot for badge (overrides badge props)
     */
    badgeSlot?: React.ReactNode;
    /**
     * Main heading text
     */
    heading?: React.ReactNode;
    /**
     * Supporting description text
     */
    description?: React.ReactNode;
    /**
     * Primary call-to-action config
     */
    primaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Secondary call-to-action config
     */
    secondaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Custom slot for actions (overrides primaryCta and secondaryCta)
     */
    actionsSlot?: React.ReactNode;
    /**
     * CTA cards displayed beneath the hero copy
     */
    cards?: HeroOverlayCtaGridCard[];
    /**
     * Custom slot for cards (overrides cards array)
     */
    cardsSlot?: React.ReactNode;
    /**
     * Background image URL
     */
    backgroundImage?: string;
    /**
     * Background image alt text
     */
    backgroundAlt?: string;
    /**
     * Custom slot for background (overrides backgroundImage)
     */
    backgroundSlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Background pattern
     */
    pattern?: PatternName;
    /**
     * Pattern opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the content
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: 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, badgeSlot, heading, description, primaryCta, secondaryCta, actionsSlot, cards, cardsSlot, backgroundImage, backgroundAlt, backgroundSlot, background, spacing, pattern, patternOpacity, className, containerClassName, contentClassName, headingClassName, descriptionClassName, optixFlowConfig, }: HeroOverlayCtaGridProps): React.JSX.Element;

export { HeroOverlayCtaGrid, type HeroOverlayCtaGridProps };
