Add color prop to CardValue component for customizable icon color

Protofy-xyz · Mar 5, 2025 · d7e9ced · d7e9ced
1 parent acd9db8
commit d7e9ced
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/packages/protolib/src/bundles/services/widgets.tsx b/packages/protolib/src/bundles/services/widgets.tsx
@@ -61,10 +61,10 @@ export const BasicCard = ({ title, id, children }) => {
     );
 }
 
-export const CardValue = ({ Icon, value }) => {
+export const CardValue = ({ Icon, value, color="var(--color7)" }) => {
     return (
         <YStack alignItems='center' justifyContent='center'>
-            <Icon color="var(--color7)" size={48} strokeWidth={1.75} />
+            <Icon color={color} size={48} strokeWidth={1.75} />
             <Text mt={10} fontSize={48} fontWeight="bold" color="$primary">
                 {value}
             </Text>