snapshot of https://github.com/RocketChat/Rocket.Chat.git (develop, 2026-09-16; blobs > 131072B omitted)

packages/gazzodown/src/emoji/Emoji.tsx

@@ -0,0 +1,32 @@
+import type * as MessageParser from '@rocket.chat/message-parser';
+import { useMemo, useContext, memo } from 'react';
+
+import { MarkupInteractionContext } from '../MarkupInteractionContext';
+import EmojiRenderer from './EmojiRenderer';
+import PlainSpan from '../elements/PlainSpan';
+
+export type EmojiProps = MessageParser.Emoji & {
+	big?: boolean;
+	preview?: boolean;
+};
+
+const Emoji = ({ big = false, preview = false, ...emoji }: EmojiProps) => {
+	const { convertAsciiToEmoji, useEmoji } = useContext(MarkupInteractionContext);
+
+	const asciiEmoji = useMemo(
+		() => ('shortCode' in emoji && emoji.value.value !== emoji.shortCode ? emoji.value.value : undefined),
+		[emoji],
+	);
+
+	if (!useEmoji && 'shortCode' in emoji) {
+		return <PlainSpan text={emoji.shortCode === emoji.value.value ? `:${emoji.shortCode}:` : emoji.value.value} />;
+	}
+
+	if (!convertAsciiToEmoji && asciiEmoji) {
+		return <PlainSpan text={asciiEmoji} />;
+	}
+
+	return <EmojiRenderer big={big} preview={preview} {...emoji} />;
+};
+
+export default memo(Emoji);