react-quick-reactions/lib/esm/index.js

A popup emoji-reaction component for React.

import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { cloneElement, useRef } from "react";
import { ReactionPopover } from "./components/ReactionPopover/ReactionPopover";
import { QuickReactionsSpan } from "./styles/RqrStyles";
const QuickReactions = (props) => {
    var _a;
    const { trigger, isVisible } = props;
    const triggerRef = useRef(null);
    const clonedTrigger = cloneElement(trigger, { ref: triggerRef });
    const triggerPosition = (_a = triggerRef.current) === null || _a === void 0 ? void 0 : _a.getBoundingClientRect();
    return (_jsxs(QuickReactionsSpan, { children: [clonedTrigger, isVisible && (_jsx(ReactionPopover, Object.assign({ triggerTransformValues: triggerPosition }, props)))] }));
};
export default QuickReactions;