import React from 'react';
import type { PuckData } from '@pantheon-systems/css-client';
import type { CherryPickPart, CherryPickSide } from './cherryPickItems.js';
export declare const METADATA_FIELDS: {
    key: string;
    label: string;
    meta?: boolean;
    image?: boolean;
}[];
export interface MetadataDiffTableProps {
    before: PuckData | null;
    after: PuckData | null;
    beforeLabel: React.ReactNode;
    afterLabel: React.ReactNode;
    /** The page's locale on each side, null for none. No Locale row is shown when omitted or when neither side has one. */
    locale?: {
        before: string | null;
        after: string | null;
    };
}
export declare function changedMetadataLabels(before: PuckData | null, after: PuckData | null): string[];
export interface MetadataCompositionProps {
    live: PuckData | null;
    workstream: PuckData | null;
    merged: PuckData | null;
}
export declare function MetadataComposition({ live, workstream, merged }: MetadataCompositionProps): React.ReactElement;
export interface MetadataComparePanesProps {
    live: PuckData | null;
    workstream: PuckData | null;
    liveHeader: React.ReactNode;
    workstreamHeader: React.ReactNode;
    selectedPanel?: 'source' | 'target';
    locale?: {
        live: string | null;
        workstream: string | null;
    };
}
export declare function MetadataComparePanes({ live, workstream, liveHeader, workstreamHeader, selectedPanel, locale, }: MetadataComparePanesProps): React.ReactElement;
export interface MetadataCherryPickProps {
    parts: CherryPickPart[];
    onChoice: (propName: string, side: CherryPickSide) => void;
    onSetAll: (side: CherryPickSide) => void;
    onCancel: () => void;
    onApply: () => void;
}
export declare function MetadataCherryPick({ parts, onChoice, onSetAll, onCancel, onApply }: MetadataCherryPickProps): React.ReactElement;
export declare function MetadataDiffTable({ before, after, beforeLabel, afterLabel, locale }: MetadataDiffTableProps): React.ReactElement;