/**
 * autoComparison — Side-by-side comparison of items in a Grid of Cards.
 *
 * Ported from mcp-generator-3.x display_tools.py → show_comparison.
 */
import { type ContainerComponent } from '../core/component.js';
export interface AutoComparisonOptions {
    /** Heading above the comparison. */
    title?: string;
    /** Optional subtitle. */
    subtitle?: string;
    /** Key whose value gets a colored Badge for emphasis. */
    highlightKey?: string;
    /** Number of grid columns. Defaults to number of items (max 4). */
    columns?: number;
}
/**
 * Auto-generate a side-by-side comparison of items.
 *
 * Uses the first key of each item as the card heading.
 * Remaining keys are shown as labeled rows.
 *
 * @example
 * ```ts
 * autoComparison([
 *   { name: 'Plan A', price: '$10/mo', storage: '5GB' },
 *   { name: 'Plan B', price: '$20/mo', storage: '50GB' },
 * ], { title: 'Plan Comparison', highlightKey: 'price' })
 * ```
 */
export declare function autoComparison(items: Record<string, unknown>[], options?: AutoComparisonOptions): ContainerComponent;
//# sourceMappingURL=comparison.d.ts.map