From 6c069db9aa8dece17cf5856e8ee645cbd47e15d6 Mon Sep 17 00:00:00 2001
From: fredguevs <fguevs@umich.edu>
Date: Tue, 22 Apr 2025 21:04:21 -0400
Subject: [PATCH] fix: Card components no longer require explicit children prop
 with child views

---
 src/components/Card/Card.tsx | 32 ++++++++++++++++++++++----------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/components/Card/Card.tsx b/src/components/Card/Card.tsx
index 0d9cd33b3c..e71e6bf92e 100644
--- a/src/components/Card/Card.tsx
+++ b/src/components/Card/Card.tsx
@@ -273,16 +273,28 @@ const Card = (
 
   const content = (
     <View style={[styles.innerContainer, contentStyle]} testID={testID}>
-      {React.Children.map(children, (child, index) =>
-        React.isValidElement(child)
-          ? React.cloneElement(child as React.ReactElement<any>, {
-              index,
-              total,
-              siblings,
-              borderRadiusStyles,
-            })
-          : child
-      )}
+      {React.Children.map(children, (child, index) => {
+        if (!React.isValidElement(child)) {
+          return child;
+        }
+  
+        const childType = child.type;
+        if (
+          childType === CardContent ||
+          childType === CardActions ||
+          childType === CardCover ||
+          childType === CardTitle
+        ) {
+          return React.cloneElement(child as React.ReactElement<any>, {
+            index,
+            total,
+            siblings,
+            borderRadiusStyles,
+          });
+        } else {
+          return child;
+        }
+      })}
     </View>
   );