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';

/**
 * Legacy feature item
 */
interface LegacyFeature {
    text: string;
}
/**
 * Modern feature item with emoji indicator
 */
interface ModernFeature {
    emoji: string;
    text: string;
}
interface ComparisonLegacyModernProps {
    /**
     * Main heading content (before highlight)
     */
    heading?: React.ReactNode;
    /**
     * Highlighted portion of heading
     */
    headingHighlight?: React.ReactNode;
    /**
     * Description text below heading
     */
    description?: React.ReactNode;
    /**
     * Title for legacy features column
     */
    legacyTitle?: React.ReactNode;
    /**
     * Array of legacy feature items
     */
    legacyFeatures?: LegacyFeature[];
    /**
     * Title for modern features column
     */
    modernTitle?: React.ReactNode;
    /**
     * Array of modern feature items
     */
    modernFeatures?: ModernFeature[];
    /**
     * Custom slot for rendering columns (overrides default columns)
     */
    columnsSlot?: 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 heading highlight
     */
    headingHighlightClassName?: string;
    /**
     * Additional CSS classes for the description
     */
    descriptionClassName?: string;
    /**
     * Additional CSS classes for the columns grid
     */
    columnsGridClassName?: string;
    /**
     * Additional CSS classes for the legacy column
     */
    legacyColumnClassName?: string;
    /**
     * Additional CSS classes for the modern column
     */
    modernColumnClassName?: 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;
}
/**
 * ComparisonLegacyModern - Two-column feature comparison split layout
 *
 * Displays a two-column comparison between two approaches or solutions.
 * The first column uses muted styling with X icons,
 * while the second column uses a bordered card with emoji indicators.
 * Features are separated by dividers for clear visual hierarchy.
 *
 * Best for: Transformation messaging, modernization pitches,
 * before/after comparisons, migration benefits, upgrade justifications.
 */
declare function ComparisonLegacyModern({ heading, headingHighlight, description, legacyTitle, legacyFeatures, modernTitle, modernFeatures, columnsSlot, className, containerClassName, headingClassName, headingHighlightClassName, descriptionClassName, columnsGridClassName, legacyColumnClassName, modernColumnClassName, background, spacing, pattern, patternOpacity, }: ComparisonLegacyModernProps): React.JSX.Element;

export { ComparisonLegacyModern, type ComparisonLegacyModernProps };
