/**
 * VisualBranchCompare Component
 *
 * Side-by-side visual comparison of two branch snapshots with diff highlighting.
 * Supports multiple documents with a dropdown selector.
 * Uses Puck's Render component to display actual rendered content.
 */
import React from 'react';
import type { DocumentDiffSummary } from '../../utils/branchDiff.js';
import type { PuckConfig } from '../../utils/highlightConfig.js';
export interface VisualBranchCompareProps {
    /**
     * Name of the source branch.
     */
    sourceBranchName: string;
    /**
     * Name of the target branch.
     */
    targetBranchName: string;
    /**
     * All documents with source/target snapshots to compare.
     */
    documents: DocumentDiffSummary[];
    /**
     * The Puck configuration for rendering components.
     */
    config: PuckConfig;
    /**
     * Callback when the comparison is closed.
     */
    onClose: () => void;
    /**
     * Additional CSS class name.
     */
    className?: string;
}
/**
 * Renders a side-by-side visual comparison of two branches across multiple documents.
 */
export declare function VisualBranchCompare({ sourceBranchName, targetBranchName, documents, config, onClose, className, }: VisualBranchCompareProps): React.ReactElement;