@liveblocks/react-ui/dist/components/internal/Emoji.cjs.map

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.

{"version":3,"file":"Emoji.cjs","sources":["../../../src/components/internal/Emoji.tsx"],"sourcesContent":["import { type ComponentProps, forwardRef } from \"react\";\n\nimport { EMOJI_FONT_FAMILY } from \"../../constants\";\nimport { cn } from \"../../utils/cn\";\n\ninterface EmojiProps extends ComponentProps<\"span\"> {\n  emoji: string;\n}\n\nexport const Emoji = forwardRef<HTMLSpanElement, EmojiProps>(\n  ({ emoji, className, style, ...props }, forwardedRef) => {\n    return (\n      <span\n        role=\"img\"\n        aria-label={emoji}\n        data-emoji={emoji}\n        className={cn(\"lb-emoji\", className)}\n        style={{\n          ...style,\n          fontFamily: EMOJI_FONT_FAMILY,\n        }}\n        {...props}\n        ref={forwardedRef}\n      >\n        {emoji}\n      </span>\n    );\n  }\n);\n"],"names":["forwardRef","jsx","cn","EMOJI_FONT_FAMILY"],"mappings":";;;;;;;AASO,MAAM,KAAQ,GAAAA,gBAAA;AAAA,EACnB,CAAC,EAAE,KAAO,EAAA,SAAA,EAAW,OAAO,GAAG,KAAA,IAAS,YAAiB,KAAA;AACvD,IACE,uBAAAC,cAAA;AAAA,MAAC,MAAA;AAAA,MAAA;AAAA,QACC,IAAK,EAAA,KAAA;AAAA,QACL,YAAY,EAAA,KAAA;AAAA,QACZ,YAAY,EAAA,KAAA;AAAA,QACZ,SAAA,EAAWC,KAAG,CAAA,UAAA,EAAY,SAAS,CAAA;AAAA,QACnC,KAAO,EAAA;AAAA,UACL,GAAG,KAAA;AAAA,UACH,UAAY,EAAAC,2BAAA;AAAA,SACd;AAAA,QACC,GAAG,KAAA;AAAA,QACJ,GAAK,EAAA,YAAA;AAAA,QAEJ,QAAA,EAAA,KAAA;AAAA,OAAA;AAAA,KACH,CAAA;AAAA,GAEJ;AACF;;;;"}