@botonic/react
Version:
Build Chatbots using React
10 lines • 776 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import Picker from 'emoji-picker-react';
import { ROLES } from '../../constants';
import { useComponentVisible } from '../hooks';
import { OpenedEmojiPickerContainer } from './styles';
export const OpenedEmojiPicker = ({ onClick, onEmojiClick, }) => {
const { ref, isComponentVisible } = useComponentVisible(true, onClick);
return (_jsx("div", Object.assign({ ref: ref }, { children: isComponentVisible && (_jsx(OpenedEmojiPickerContainer, Object.assign({ role: ROLES.EMOJI_PICKER }, { children: _jsx(Picker, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, lazyLoadEmojis: true, onEmojiClick: onEmojiClick, autoFocusSearch: false }) }))) })));
};
//# sourceMappingURL=opened-emoji-picker.js.map