add caption to inline product card

Author: oliverabrahams

dotcom-rendering/src/components/ProductElement.tsx

@@ -69,7 +69,7 @@ export const ProductElement = ({
 		product.displayType === 'inline-and-product-card';
 
 	return (
-		<div data-spacefinder-role="nested">
+		<div>
 			{showContent && (
 				<Content
 					product={product}
@@ -88,6 +88,9 @@ export const ProductElement = ({
 					primaryCTA={product.primaryCta}
 					secondaryCTA={product.secondaryCta}
 					secondaryUrl={product.secondaryProductUrl}
+					altText={product.altText}
+					credit={product.credit}
+					displayCredit={product.displayCredit}
 					statistics={product.statistics}
 					isCardOnly={product.displayType === 'product-card-only'}
 				/>
@@ -116,7 +119,7 @@ const Content = ({
 		? subheadingHtml.textContent.trim().length > 0
 		: false;
 	return (
-		<>
+		<div data-spacefinder-role="nested">
 			{isSubheading &&
 				Array.from(subheadingHtml.childNodes).map(
 					buildElementTree(format),
@@ -150,6 +153,6 @@ const Content = ({
 					/>
 				))}
 			</div>
-		</>
+		</div>
 	);
 };