import { CSSProperties, ReactNode } from 'react';
import { EmojiStyle } from 'emoji-picker-react';
export interface SuggestionProps {
    triggerPattern: string;
    render: (offset: {
        top: number;
        left: number;
    }, match: string, handleSelectSuggest: (newElement?: HTMLElement) => void) => ReactNode;
}
interface Props {
    id?: string;
    autoFocus?: boolean;
    initValue?: string;
    onChange?: (value: string, htmlElement: HTMLDivElement) => void;
    onBlur?: (value: string, htmlElement: HTMLDivElement) => void;
    style?: CSSProperties;
    className?: string;
    onSuggest?: Array<SuggestionProps>;
    placeholder?: string;
    hideToolbar?: boolean;
    disabled?: boolean;
    helperText?: string;
    helperTextColor?: string;
    /** default: ["emoji", "bold", "italic", "underline", "hyperlink"] */
    customToolbar?: ReactNode | Array<ReactNode | "emoji" | "bold" | "italic" | "underline" | "hyperlink">;
}
interface RefProps {
    isOpenEmoji: boolean;
    showEmoji: (s: CSSProperties, config?: {
        height?: number;
        emojiStyle?: EmojiStyle;
        searchDisabled?: boolean;
        emojiPickerClassName?: string;
    }) => void;
    element: HTMLDivElement;
    inputElement: HTMLDivElement;
    focus: () => void;
}
export declare const EbigEditor: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<RefProps>>;
export {};
//# sourceMappingURL=ebig-editor.d.ts.map