export interface FlowIOVariablesPanelProps {
    inputVariables: string[];
    outputVariables: string[];
    /** @default false — CJO's panel starts collapsed (`NodeIOVariablesPanel.tsx:15`). Uncontrolled. */
    defaultExpanded?: boolean;
    testId?: string;
}
/**
 * A docked, click-to-expand panel listing a node's input/output variable names as chips.
 * Ported from CJO's `NodeIOVariablesPanel` (`src/features/journeys/builder/NodeIOVariablesPanel.tsx`).
 *
 * Renders unconditionally once mounted — whether/when to mount it (CJO's `showIoPanel`, a
 * selection-driven boolean scoped to one node kind) is entirely the app's decision; this
 * component has no concept of "trigger" or "selected." Compose it below a node using `03`'s
 * `<HoverBridge side="bottom" gap={FLOW_TOOLBAR_GAP} />` for the connecting spacer geometry —
 * not `03`'s `useHoverToolbar()`, which models hover state this panel does not have (see
 * `docs/flow-builder-migration/07-canvas-peripherals.md` §2's correction to `03`'s own
 * cross-reference).
 *
 * Only the header renders while collapsed — the body is fully unmounted, not animated to zero
 * height, matching CJO's `expanded ? (...) : null` branch exactly.
 */
export declare function FlowIOVariablesPanel({ inputVariables, outputVariables, defaultExpanded, testId, }: FlowIOVariablesPanelProps): import("react/jsx-runtime").JSX.Element;