import * as React from 'react';
import { SectionBackground, SectionSpacing } from './types.js';

interface HeroSplitIconCardsItem {
    /**
     * Card title
     */
    title: string;
    /**
     * Card supporting text
     */
    subtitle?: string;
    /**
     * Icon name for the card
     */
    icon: string;
    /**
     * Optional link destination
     */
    href?: string;
}
interface HeroSplitIconCardsProps {
    /**
     * Eyebrow label above the heading
     */
    eyebrow?: string;
    /**
     * Hero heading text
     */
    heading?: string;
    /**
     * Supporting description text
     */
    description?: string;
    /**
     * Primary call-to-action configuration
     */
    primaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Secondary call-to-action configuration
     */
    secondaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Optional custom content for the left column
     */
    children?: React.ReactNode;
    /**
     * Icon card items for the right column
     */
    cardItems?: HeroSplitIconCardsItem[];
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    verticalSpacing?: SectionSpacing;
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
}
/**
 * HeroSplitIconCards - Two-column hero layout with text content on the left and
 * a stacked list of icon cards on the right. Ideal for service pages that need
 * an explanatory hero plus quick benefit callouts.
 */
declare function HeroSplitIconCards({ eyebrow, heading, description, primaryCta, secondaryCta, children, cardItems, background, verticalSpacing, className, }: HeroSplitIconCardsProps): React.JSX.Element;

export { HeroSplitIconCards, type HeroSplitIconCardsProps };
