import * as React from 'react';
import { f as SectionBackground, g as SectionSpacing } from './community-initiatives-BeWIIjA4.js';
import { P as PatternName } from './pattern-background-a7gKHzHy.js';
import './blocks-k17uluAz.js';
import 'class-variance-authority';
import './button-variants-lRElsmTc.js';
import 'class-variance-authority/types';
import 'react/jsx-runtime';

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?: React.ReactNode;
    /**
     * Hero heading text
     */
    heading?: React.ReactNode;
    /**
     * Supporting description text
     */
    description?: React.ReactNode;
    /**
     * Primary call-to-action configuration
     */
    primaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Secondary call-to-action configuration
     */
    secondaryCta?: {
        label: string;
        href: string;
    };
    /**
     * Custom slot for actions (overrides primaryCta and secondaryCta)
     */
    actionsSlot?: React.ReactNode;
    /**
     * Optional custom content for the left column
     */
    children?: React.ReactNode;
    /**
     * Icon card items for the right column
     */
    cardItems?: HeroSplitIconCardsItem[];
    /**
     * Custom slot for cards (overrides cardItems array)
     */
    cardsSlot?: React.ReactNode;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    verticalSpacing?: 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 content column
     */
    contentClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: 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, actionsSlot, children, cardItems, cardsSlot, background, verticalSpacing, pattern, patternOpacity, className, contentClassName, headingClassName, descriptionClassName, }: HeroSplitIconCardsProps): React.JSX.Element;

export { HeroSplitIconCards, type HeroSplitIconCardsProps };
