import React from 'react';
import type { CherryPickItem, CherryPickSide } from './cherryPickItems.js';
export interface CherryPickRailProps {
    items: CherryPickItem[];
    selectedId?: string | null;
    onComponentChoice: (componentId: string, side: CherryPickSide) => void;
    onPartChoice: (componentId: string, propName: string, side: CherryPickSide) => void;
    onSetRemaining: (side: CherryPickSide) => void;
    onSetAll: (side: CherryPickSide) => void;
    onFocusComponent?: (componentId: string) => void;
}
export declare const SIDE_OPTIONS: {
    label: string;
    value: string;
}[];
export declare const ALL_OPTIONS: {
    label: string;
    value: string;
}[];
export declare function deriveAllValue(items: {
    choice: CherryPickSide | null;
}[]): CherryPickSide | '';
export declare function CherryPickRail({ items, selectedId, onComponentChoice, onPartChoice, onSetRemaining, onSetAll, onFocusComponent, }: CherryPickRailProps): React.ReactElement;