import { type ReactElement } from 'react';
import type { WorkflowStepDto, WorkflowActionCategory } from '@/services/api/communicationsApi';
/**
 * Wraps a {@link WorkflowNodeCard} with a drag handle so the user can reorder
 * steps in the canvas. The drag listeners stay scoped to the small grip icon —
 * clicking the card body still triggers selection (no accidental drags).
 */
interface DraggableStepNodeProps {
    readonly step: WorkflowStepDto;
    readonly category?: WorkflowActionCategory;
    readonly selected: boolean;
    readonly onClick: () => void;
    readonly readOnly?: boolean;
}
export declare function DraggableStepNode({ step, category, selected, onClick, readOnly }: DraggableStepNodeProps): ReactElement;
export {};
//# sourceMappingURL=DraggableStepNode.d.ts.map