@liveblocks/react-ui/dist/components/internal/Emoji.js

A set of React pre-built components for the Liveblocks products. Liveblocks is the all-in-one toolkit to build collaborative products like Figma, Notion, and more.

import { jsx } from 'react/jsx-runtime';
import { forwardRef } from 'react';
import { EMOJI_FONT_FAMILY } from '../../constants.js';
import { cn } from '../../utils/cn.js';

const Emoji = forwardRef(
  ({ emoji, className, style, ...props }, forwardedRef) => {
    return /* @__PURE__ */ jsx("span", {
      role: "img",
      "aria-label": emoji,
      "data-emoji": emoji,
      className: cn("lb-emoji", className),
      style: {
        ...style,
        fontFamily: EMOJI_FONT_FAMILY
      },
      ...props,
      ref: forwardedRef,
      children: emoji
    });
  }
);

export { Emoji };
//# sourceMappingURL=Emoji.js.map