import { type ReactElement } from 'react';
import type { WorkflowStepDto, WorkflowActionDefinitionDto } from '@/services/api/communicationsApi';
export declare const BRANCH_DROP_ZONE_PREFIX = "canvas-branch-zone-";
export declare const branchDropZoneId: (conditionStepId: string, branch: "true" | "false") => string;
/**
 * Renders a Condition step as two side-by-side branches ("If true" / "If false"),
 * each pointing to either the target step or a terminal marker.
 *
 * Visual hierarchy: false branch is shown with dashed connector + neutral colors
 * so the eye naturally follows the success path first.
 */
interface WorkflowConditionBranchProps {
    readonly conditionStep: WorkflowStepDto;
    readonly stepById: ReadonlyMap<string, WorkflowStepDto>;
    readonly actionByCode: ReadonlyMap<string, WorkflowActionDefinitionDto>;
    readonly selectedStepId: string | null;
    readonly onSelectStep: (stepId: string) => void;
    readonly readOnly?: boolean;
}
export declare function WorkflowConditionBranch({ conditionStep, stepById, actionByCode, selectedStepId, onSelectStep, readOnly }: WorkflowConditionBranchProps): ReactElement;
export {};
//# sourceMappingURL=WorkflowConditionBranch.d.ts.map