import React from "react";
import { CSSObject } from "@emotion/react";
import { Klass, LexicalNode } from "lexical";
import { EditorTheme, ThemeEmotionMap } from "@webiny/lexical-theme";
import { LexicalValue, ToolbarActionPlugin } from "../../types";
export interface RichTextEditorProps {
    children?: React.ReactNode | React.ReactNode[];
    classes?: string;
    contentEditableStyles?: React.CSSProperties;
    focus?: boolean;
    height?: number | string;
    nodes?: Klass<LexicalNode>[];
    onBlur?: (editorState: LexicalValue) => void;
    onChange?: (json: LexicalValue) => void;
    placeholder?: string;
    placeholderStyles?: React.CSSProperties;
    staticToolbar?: React.ReactNode;
    styles?: React.CSSProperties;
    tag?: string;
    theme: EditorTheme;
    themeEmotionMap?: ThemeEmotionMap;
    toolbarActionPlugins?: ToolbarActionPlugin[];
    themeStylesTransformer?: (cssObject: Record<string, any>) => CSSObject;
    toolbar?: React.ReactNode;
    value: LexicalValue | null | undefined;
    width?: number | string;
    generateInitialValue?: () => LexicalValue;
}
/**
 * @description Main editor container
 */
export declare const RichTextEditor: ((props: RichTextEditorProps) => React.JSX.Element) & {
    original: (props: RichTextEditorProps) => React.JSX.Element;
    originalName: string;
    displayName: string;
} & {
    original: ((props: RichTextEditorProps) => React.JSX.Element) & {
        original: (props: RichTextEditorProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    };
    originalName: string;
    displayName: string;
} & {
    createDecorator: (decorator: import("@webiny/react-composition").ComponentDecorator<((props: RichTextEditorProps) => React.JSX.Element) & {
        original: (props: RichTextEditorProps) => React.JSX.Element;
        originalName: string;
        displayName: string;
    }>) => (props: unknown) => React.JSX.Element;
};