import * as react_jsx_runtime from 'react/jsx-runtime';

interface LegacyFeature {
    text: string;
}
interface ModernFeature {
    emoji: string;
    text: string;
}
interface ComparisonLegacyModernProps {
    className?: string;
    title?: string;
    titleHighlight?: string;
    subtitle?: string;
    legacyTitle?: string;
    legacyFeatures?: LegacyFeature[];
    modernTitle?: string;
    modernFeatures?: ModernFeature[];
}
/**
 * ComparisonLegacyModern - Legacy vs Modern features split layout
 *
 * Displays a two-column comparison between legacy/old approaches and modern/new
 * solutions. The legacy column uses muted styling with X icons for pain points,
 * while the modern column uses a bordered card with emoji indicators for benefits.
 * Features are separated by dividers for clear visual hierarchy.
 *
 * Best for: Digital transformation messaging, product modernization pitches,
 * before/after comparisons, migration benefits, upgrade justifications.
 */
declare function ComparisonLegacyModern({ className, title, titleHighlight, subtitle, legacyTitle, legacyFeatures, modernTitle, modernFeatures, }: ComparisonLegacyModernProps): react_jsx_runtime.JSX.Element;

export { ComparisonLegacyModern, type ComparisonLegacyModernProps };
