import React from 'react';

interface EmojiPickerOverlayProps {
    target: () => HTMLElement | null;
    container?: () => HTMLElement | null;
    show: boolean;
    onHide: () => void;
    onEmojiClick: (emoji: any) => void;
    rightOffset?: number;
    defaultHorizontalPosition?: 'left' | 'right';
    onExited?: () => void;
    hideCustomEmojiButton?: boolean;
}

const EmojiPickerOverlay: React.FC<EmojiPickerOverlayProps> = (props) => {
    const Overlay = (window as any).Components?.EmojiPickerOverlay;

    if (!Overlay) {
        return null;
    }

    return <Overlay {...props}/>;
};

export default EmojiPickerOverlay;
