From 2fbe1f5a230a1a28f7ab286c30fd309e668f826a Mon Sep 17 00:00:00 2001
From: Obay Abdelgadir <obayit@gmail.com>
Date: Sun, 8 Feb 2026 14:20:08 +0200
Subject: [PATCH] feat: allow custom Image component in Card.Cover

---
 src/components/Card/CardCover.tsx | 22 +++++++++++++++++-----
 1 file changed, 17 insertions(+), 5 deletions(-)

diff --git a/src/components/Card/CardCover.tsx b/src/components/Card/CardCover.tsx
index e0147381dc..5a7cf6fcb5 100644
--- a/src/components/Card/CardCover.tsx
+++ b/src/components/Card/CardCover.tsx
@@ -21,6 +21,10 @@ export type Props = React.ComponentPropsWithRef<typeof Image> & {
    * @optional
    */
   theme?: ThemeProp;
+  /**
+   * Optional custom image component to replace default Image
+   */
+  imageComponent?: React.ComponentType<any>;
 };
 
 /**
@@ -47,6 +51,7 @@ const CardCover = ({
   total,
   style,
   theme: themeOverrides,
+  imageComponent: ImageComponent,
   ...rest
 }: Props) => {
   const theme = useInternalTheme(themeOverrides);
@@ -66,11 +71,18 @@ const CardCover = ({
 
   return (
     <View style={[styles.container, coverStyle, style]}>
-      <Image
-        {...rest}
-        style={[styles.image, coverStyle]}
-        accessibilityIgnoresInvertColors
-      />
+      {ImageComponent ? (
+        <ImageComponent
+          {...rest}
+          style={[styles.image, coverStyle]}
+        />
+      ) : (
+        <Image
+          {...rest}
+          style={[styles.image, coverStyle]}
+          accessibilityIgnoresInvertColors
+        />
+      )}
     </View>
   );
 };