import { type ReactElement } from 'react';
import type { WorkflowDetailDto, WorkflowStepDto, WorkflowTriggerBindingDto, WorkflowTriggerDto, WorkflowActionDefinitionDto } from '@/services/api/communicationsApi';
import type { CanvasSelection } from './WorkflowCanvas';
/**
 * Right-side properties panel that adapts to what the user selected on the canvas.
 * Three modes:
 *  - No selection → workflow metadata (code, name, description, priority)
 *  - Trigger binding selected → trigger picker, Liquid filter, priority, isActive
 *  - Step selected → name, action code, SchemaDrivenInput from the action's schema,
 *    Liquid variable picker, branching ids, delete button.
 */
export interface WorkflowMetadata {
    readonly code: string;
    readonly name: string;
    readonly description: string;
    readonly priority: number;
}
interface WorkflowInspectorPanelProps {
    readonly selection: CanvasSelection | null;
    readonly workflow: WorkflowDetailDto | null;
    readonly metadata: WorkflowMetadata;
    readonly onMetadataChange: (next: WorkflowMetadata) => void;
    readonly bindings: readonly WorkflowTriggerBindingDto[];
    readonly steps: readonly WorkflowStepDto[];
    readonly triggers: readonly WorkflowTriggerDto[];
    readonly actions: readonly WorkflowActionDefinitionDto[];
    readonly onUpdateBinding: (bindingId: string, patch: Partial<WorkflowTriggerBindingDto>) => void;
    readonly onUpdateStep: (stepId: string, patch: Partial<WorkflowStepDto>) => void;
    readonly onDeleteStep: (stepId: string) => void;
    readonly onDeleteBinding: (bindingId: string) => void;
    readonly readOnly?: boolean;
    readonly isCreateMode: boolean;
}
export declare function WorkflowInspectorPanel(props: WorkflowInspectorPanelProps): ReactElement;
export {};
//# sourceMappingURL=WorkflowInspectorPanel.d.ts.map