/**
 * BranchMergeCompare Component
 *
 * Full-page view for comparing two branches of Puck data,
 * wrapping the VersionComparePage pattern for branch merge context.
 */
import React from 'react';
import type { ComponentDiffWithPosition } from '../../../core/types.js';
/**
 * Props for the BranchMergeCompare component.
 */
export interface BranchMergeCompareProps {
    /**
     * Name of the source branch.
     */
    sourceBranchName: string;
    /**
     * Name of the target branch.
     */
    targetBranchName: string;
    /**
     * Array of component diffs with position information.
     */
    diffs: ComponentDiffWithPosition[];
    /**
     * Callback when the comparison is closed.
     */
    onClose: () => void;
    /**
     * Additional CSS class name.
     */
    className?: string;
}
/**
 * Renders a full-page branch merge comparison view with branch names,
 * component trees for both sides, and a prop diff panel for selected
 * components.
 *
 * @param props - {@link BranchMergeCompareProps}
 * @returns A React element with header, side-by-side component trees, and detail panel.
 */
export declare function BranchMergeCompare({ sourceBranchName, targetBranchName, diffs, onClose, className, }: BranchMergeCompareProps): React.ReactElement;