import 'emoji-mart/css/emoji-mart.css';
import { SylApi } from '@syllepsis/adapter';
import React from 'react';
interface IEmojiPickerState {
    open: boolean;
    marginLeft: number;
}
interface IEmojiPickerProps {
    editor: SylApi;
    mountDOM: HTMLElement;
    backgroundImageFn?: () => string;
}
declare class EmojiPicker extends React.Component<IEmojiPickerProps, IEmojiPickerState> {
    picker: HTMLElement | null;
    $btn: HTMLElement | null;
    state: {
        open: boolean;
        marginLeft: number;
    };
    constructor(props: IEmojiPickerProps);
    componentDidMount(): void;
    componentWillMount(): void;
    private fixPos;
    private bindEvent;
    private unBindEvent;
    private selectEmoji;
    private listenClickEvent;
    private open;
    private hide;
    toggleVisible: () => void;
    render(): JSX.Element;
}
export { EmojiPicker };