import type { LayoutEngine } from "./layout/index.js";
/** Props for {@link WorkflowEditorView}. */
export interface WorkflowEditorViewProps {
    /** The initial YAML content to load into the editor. */
    readonly initialYaml: string;
    /** Organization slug for the save path. */
    readonly org: string;
    /** Called after a successful save. */
    readonly onSaveSuccess?: () => void;
    /** Called when a save fails. */
    readonly onSaveError?: (error: Error) => void;
    /** Initial editor mode. Defaults to `"code"`. */
    readonly defaultMode?: WorkflowEditorMode;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
    /**
     * Layout engine for the visual canvas "Auto Layout" action.
     * Pass the result of {@link useElkLayoutEngine} for ELK-powered layout.
     * When omitted, dagre is used as the default.
     */
    readonly layoutEngine?: LayoutEngine | null;
}
/**
 * Composed workflow YAML editor with live topology graph preview.
 *
 * Renders a side-by-side layout: schema-aware YAML editor on the left,
 * read-only DAG preview on the right. Includes a toolbar with
 * validation summary, save button, dirty indicator, and full-page toggle.
 *
 * Composes {@link useWorkflowEditor} internally — the caller only needs
 * to provide the initial YAML and org slug.
 *
 * Zero Console dependencies (DD-004). All visual properties flow through
 * `--stgm-*` design tokens.
 *
 * @example
 * ```tsx
 * <WorkflowEditorView
 *   initialYaml={yaml}
 *   org="acme"
 *   onSaveSuccess={() => toast.success("Workflow saved")}
 * />
 * ```
 *
 * @since T10 (YAML Editor with Graph Preview)
 */
/** Editing mode for the workflow editor. */
export type WorkflowEditorMode = "code" | "visual";
export declare const WorkflowEditorView: import("react").NamedExoticComponent<WorkflowEditorViewProps>;
//# sourceMappingURL=WorkflowEditorView.d.ts.map