import { JSX } from 'react';
import { ContentItem } from '../../schema/index.ts';
/**
 * The strip of screens under the canvas.
 *
 * The canvas shows one step at a time, because that is exactly what a visitor
 * sees and the card would otherwise stop being a preview of anything. What that
 * costs is the overview — so it's handed back here, as a chip per step that
 * says what's on it and takes you there. The arrows either side page through in
 * order, which is how a form actually gets built: fill a screen, move on, fill
 * the next.
 *
 * There is no drag-to-reorder here. Moving a field between steps is a drag in
 * the sidebar's layout list, which already sorts the flat item list and can see
 * every step at once; a rail that reordered whole screens as well would be two
 * drag models over the same array.
 */
export declare function StepRail({ steps, active, onSelect, onAdd, onRemove, }: {
    /** The items on each step, used to name the chips. */
    steps: ContentItem[][];
    active: number;
    onSelect: (index: number) => void;
    onAdd: () => void;
    /** Drops the break that opens a step, merging it into the one before. */
    onRemove: (index: number) => void;
}): JSX.Element;