From 19d1dc370050fc50c2daddd08c567cf8ab96c672 Mon Sep 17 00:00:00 2001
From: Hugo Costa <hugocarreiracosta@gmail.com>
Date: Fri, 18 Nov 2022 08:59:51 -0300
Subject: [PATCH] [NEW] Emphasis Elements (italic, strike and bold) in Message
 Parser Components (#27003)

---
 packages/gazzodown/src/elements/LinkSpan.tsx | 32 ++++++++++++--------
 1 file changed, 19 insertions(+), 13 deletions(-)

diff --git a/packages/gazzodown/src/elements/LinkSpan.tsx b/packages/gazzodown/src/elements/LinkSpan.tsx
index ca326ccd6032..c7c267c03fb0 100644
--- a/packages/gazzodown/src/elements/LinkSpan.tsx
+++ b/packages/gazzodown/src/elements/LinkSpan.tsx
@@ -34,23 +34,29 @@ type LinkSpanProps = {
 
 const LinkSpan = ({ href, label }: LinkSpanProps): ReactElement => {
 	const children = useMemo(() => {
-		switch (label.type) {
-			case 'PLAIN_TEXT':
-				return <PlainSpan text={label.value} />;
+		const labelArray = Array.isArray(label) ? label : [label];
 
-			case 'STRIKE':
-				return <StrikeSpan children={label.value} />;
+		const labelElements = labelArray.map((child, index) => {
+			switch (child.type) {
+				case 'PLAIN_TEXT':
+					return <PlainSpan key={index} text={child.value} />;
 
-			case 'ITALIC':
-				return <ItalicSpan children={label.value} />;
+				case 'STRIKE':
+					return <StrikeSpan key={index} children={child.value} />;
 
-			case 'BOLD':
-				return <BoldSpan children={label.value} />;
+				case 'ITALIC':
+					return <ItalicSpan key={index} children={child.value} />;
 
-			default:
-				return null;
-		}
-	}, [label.type, label.value]);
+				case 'BOLD':
+					return <BoldSpan key={index} children={child.value} />;
+
+				default:
+					return null;
+			}
+		});
+
+		return labelElements;
+	}, [label]);
 
 	if (isExternal(href)) {
 		return (