@botonic/react
Version:
Build Chatbots using React
15 lines • 1.06 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.OpenedEmojiPicker = void 0;
const tslib_1 = require("tslib");
const jsx_runtime_1 = require("react/jsx-runtime");
const emoji_picker_react_1 = tslib_1.__importDefault(require("emoji-picker-react"));
const constants_1 = require("../../constants");
const hooks_1 = require("../hooks");
const styles_1 = require("./styles");
const OpenedEmojiPicker = ({ onClick, onEmojiClick, }) => {
const { ref, isComponentVisible } = (0, hooks_1.useComponentVisible)(true, onClick);
return ((0, jsx_runtime_1.jsx)("div", { ref: ref, children: isComponentVisible && ((0, jsx_runtime_1.jsx)(styles_1.OpenedEmojiPickerContainer, { role: constants_1.ROLES.EMOJI_PICKER, children: (0, jsx_runtime_1.jsx)(emoji_picker_react_1.default, { width: '100%', height: '19rem', previewConfig: { showPreview: false }, lazyLoadEmojis: true, onEmojiClick: onEmojiClick, autoFocusSearch: false }) })) }));
};
exports.OpenedEmojiPicker = OpenedEmojiPicker;
//# sourceMappingURL=opened-emoji-picker.js.map