import { PopupModal } from '../../schema/index.ts';
/**
 * The card's own panel: how the card looks.
 *
 * Its contents are `DesignEditor` unchanged, wrapped in the takeover shell.
 * That component used to be a tab of its own, and this is the only place it is
 * rendered now: the card's design is reached by pointing at the card, which is
 * the thing being designed, rather than by finding a tab for it.
 *
 * Below the design groups, a collapsible `FieldOutline` lists every item on
 * the form. It is the answer to the one thing pointing at the canvas cannot
 * do: find a field that is scrolled out of a tall card, or faded because it
 * is private. It sits under design, and inside its own closed-by-default
 * group, because the panel opens on design and the outline should be one
 * scroll or one click away rather than competing with it for the top.
 */
export declare function CardPanel({ popup, onChange, onClose, onSelectField, activeStep, onStepChange, onRemoveStep, onOpenPicker, }: {
    popup: PopupModal;
    onChange: (patch: Partial<PopupModal>) => void;
    onClose: () => void;
    /** Opens the panel for a field picked from the outline below. */
    onSelectField: (id: string | null) => void;
    /** Passed straight through to FieldOutline; see its own docs. */
    activeStep?: number;
    onStepChange?: (index: number) => void;
    onRemoveStep?: (index: number) => void;
    onOpenPicker: () => void;
}): import("react").JSX.Element;