import { type ReactElement } from 'react';
import { type WorkflowStepDto, type WorkflowTriggerBindingDto, type WorkflowActionDefinitionDto } from '@/services/api/communicationsApi';
/**
 * Lists every Liquid variable available at a given step position so the user knows
 * what to interpolate in their action inputs. Sources:
 *
 * 1. Trigger payload — derived from the bound trigger's `inputSchemaJson` (any active binding).
 *    Falls back to a generic set (entityId, entityType, after, before, userId, userEmail)
 *    when no binding is attached.
 * 2. Step outputs — every step with `stepOrder < currentStepOrder` exposes its action's
 *    `outputSchemaJson`. The picker namespaces these as `steps.{stepName}.{property}`.
 *
 * Click on a variable copies the rendered Liquid token (e.g. `{{ after.priority }}`) to
 * the clipboard. We deliberately don't try to auto-insert at the caret position — the
 * focus tracking across SchemaDrivenInput + textarea fallback would be brittle.
 */
interface VariablePickerProps {
    readonly bindings: readonly WorkflowTriggerBindingDto[];
    readonly previousSteps: readonly WorkflowStepDto[];
    readonly actions: readonly WorkflowActionDefinitionDto[];
}
export declare function VariablePicker({ bindings, previousSteps, actions }: VariablePickerProps): ReactElement;
export {};
//# sourceMappingURL=VariablePicker.d.ts.map