import React from 'react';
import type { DocumentResolution } from '../merge/useMergeResolution.js';
import type { CherryPickItem } from './cherryPickItems.js';
export interface CherryPickCanvasProps {
    document: DocumentResolution;
    items: CherryPickItem[];
    config: unknown;
    selectedId?: string | null;
}
/**
 * Renders the merged preview — `document.mergedSnapshot` already reflects
 * every current choice (defaulting to Live for anything undecided) — with a
 * dashed "Decide" box over anything still needing a choice, and a solid
 * resolved box labeled with the chosen side otherwise.
 */
export declare function CherryPickCanvas({ document, items, config, selectedId, }: CherryPickCanvasProps): React.ReactElement;
export interface CherryPickCompositionProps {
    document: DocumentResolution;
    items: CherryPickItem[];
    config: unknown;
}
export declare function CherryPickComposition({ document, items, config }: CherryPickCompositionProps): React.ReactElement;