import { type CSSProperties } from "react";
import { type Diagnostic } from "@codemirror/lint";
/** Props for {@link WorkflowYamlEditor}. */
export interface WorkflowYamlEditorProps {
    /** Current YAML content. */
    readonly value: string;
    /** Called when the editor content changes. */
    readonly onChange?: (value: string) => void;
    /** Validation diagnostics to display as inline markers. */
    readonly diagnostics?: readonly Diagnostic[];
    /** Whether the editor is read-only. @default false */
    readonly readOnly?: boolean;
    /** Additional CSS class names for the root container. */
    readonly className?: string;
    /** Additional inline styles for the root container. */
    readonly style?: CSSProperties;
}
/**
 * Schema-aware YAML editor built on CodeMirror 6.
 *
 * Provides syntax highlighting, line numbers, bracket matching,
 * code folding, undo/redo, and inline diagnostic markers driven by
 * external validation (via the `diagnostics` prop).
 *
 * Themed via `--stgm-*` CSS custom properties to respect the host
 * application's design tokens.
 *
 * This is an optional SDK component — it requires CodeMirror peer
 * dependencies which are tree-shaken when not imported (DD-013).
 *
 * @example
 * ```tsx
 * <WorkflowYamlEditor
 *   value={yaml}
 *   onChange={setYaml}
 *   diagnostics={diagnostics}
 * />
 * ```
 *
 * @since T10 (YAML Editor with Graph Preview)
 */
export declare const WorkflowYamlEditor: import("react").NamedExoticComponent<WorkflowYamlEditorProps>;
//# sourceMappingURL=WorkflowYamlEditor.d.ts.map