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

/**
 * Feature item with inclusion status
 */
interface FeatureItem {
    text: string;
    included: boolean;
}
/**
 * Product card configuration for comparison
 */
interface ProductCard {
    logo?: string;
    logoAlt?: string;
    name: string;
    features: FeatureItem[];
    highlighted?: boolean;
}
interface ComparisonFeatureCardsProps {
    /**
     * Main heading content
     */
    heading?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * First option card configuration
     */
    productA?: ProductCard;
    /**
     * Second option card configuration
     */
    productB?: ProductCard;
    /**
     * Custom slot for rendering cards (overrides productA/productB)
     */
    cardsSlot?: React.ReactNode;
    /**
     * Suitability section title
     */
    suitabilityTitle?: React.ReactNode;
    /**
     * Suitability section description
     */
    suitabilityDescription?: React.ReactNode;
    /**
     * Differences section title
     */
    differencesTitle?: React.ReactNode;
    /**
     * Differences section description
     */
    differencesDescription?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the heading
     */
    headingClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the cards grid
     */
    cardsGridClassName?: string;
    /**
     * Additional CSS classes for individual cards
     */
    cardClassName?: string;
    /**
     * Additional CSS classes for the suitability section
     */
    suitabilityClassName?: string;
    /**
     * Additional CSS classes for the differences section
     */
    differencesClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ComparisonFeatureCards - Side-by-side feature comparison cards
 *
 * Displays two option cards side by side with feature checklists.
 * The highlighted card uses a bordered, shadowed style while the other uses
 * a muted background. Features show check icons for included items and
 * strikethrough with minus icons for excluded items. Includes optional
 * explanatory text sections below the cards.
 *
 * Best for: Tier comparisons, subscription plan comparisons,
 * feature analysis, package breakdowns.
 */
declare function ComparisonFeatureCards({ heading, description, productA, productB, cardsSlot, suitabilityTitle, suitabilityDescription, differencesTitle, differencesDescription, className, containerClassName, headingClassName, descriptionClassName, cardsGridClassName, cardClassName, suitabilityClassName, differencesClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: ComparisonFeatureCardsProps): React.JSX.Element;

export { ComparisonFeatureCards, type ComparisonFeatureCardsProps };
