import * as Immutable from "immutable";
import * as React from "react";
import { Operation, Value } from "slate";
import { DynamicValue } from "./components/DynamicValuesButton";
interface State {
    value: Value;
    hasFocus?: boolean;
    mode?: string;
}
export interface Props {
    placeholder?: string;
    value?: Value;
    onChange?: (change: {
        operations: Immutable.List<Operation>;
        value: Value;
    }) => any;
    name?: string;
    disabled?: boolean;
    id?: string;
    error?: boolean;
    borderColor?: string;
    size?: "lg" | "md" | "sm";
    autofocus?: boolean;
    minHeight?: number;
    boldFormatOption?: boolean;
    italicFormatOption?: boolean;
    underlineFormatOption?: boolean;
    strikethroughFormatOption?: boolean;
    h2FormatOption?: boolean;
    h3FormatOption?: boolean;
    blockquoteFormatOption?: boolean;
    linkFormatOption?: boolean;
    numberedListFormatOption?: boolean;
    bulletListFormatOption?: boolean;
    dynamicValues?: DynamicValue[];
    onPaste?: any;
    styleMiddleware?: (styles: Record<string, unknown>) => Record<string, unknown>;
    buttonSelectColor?: string;
    suffixNode?: React.ReactNode;
}
/**
 * The Rich Text Editor lets people input formatted text. It supports character formatting, such as bold text, paragraph formatting, such as headings and lists, and inserting content, such as links and images.
 */
declare class RichTextInput extends React.Component<Props, State> {
    static defaultProps: {
        size: string;
        value: Value;
        boldFormatOption: boolean;
        italicFormatOption: boolean;
        underlineFormatOption: boolean;
        strikethroughFormatOption: boolean;
        h2FormatOption: boolean;
        h3FormatOption: boolean;
        blockquoteFormatOption: boolean;
        linkFormatOption: boolean;
        numberedListFormatOption: boolean;
        bulletListFormatOption: boolean;
    };
    static getDerivedStateFromProps(props: Props, state: State): {
        value: Value;
    };
    private editor;
    private isMouseDown;
    constructor(props: Props);
    hasBlock(type: any): boolean;
    hasMark(type: any): boolean;
    onClickLink(event: React.SyntheticEvent<HTMLButtonElement>): void;
    onKeyDown(event: any, editor: any, next: any): any;
    onMouseDown(event: any, editor: any, next: any): void;
    onMouseUp(event: any, editor: any, next: any): void;
    hasLinks(): boolean;
    hasBlockCheck(type: any): boolean;
    renderNode(props: any, editor: any, next: any): any;
    renderMark(props: any, editor: any, next: any): any;
    onChange({ value, }: {
        operations: Immutable.List<Operation>;
        value: Value;
    }): void;
    onClickMarked(event: React.SyntheticEvent<HTMLButtonElement>): void;
    onInsertText(text: string): void;
    onClickBlock(event: React.SyntheticEvent<HTMLButtonElement>): void;
    shouldComponentUpdate(nextProps: Props, nextState: State): boolean;
    onFocus(event: any, editor: any, next: () => any): void;
    onBlur(event: any, editor: any, next: () => any): void;
    getBorderColor(): string;
    getButtonSelectColor(): string;
    render(): JSX.Element;
}
export default RichTextInput;