@naarni/design-system/build/components/Examples/ImageCard/ImageCard.js

Naarni React Native Design System for EV Fleet Apps

import React from 'react';
import { StyleSheet } from 'react-native';
import { Card } from '../../Card/Card';
import { Text } from '../../Text/Text';
import { useDeviceTheme } from '../../../theme/deviceTheme';
export const ImageCard = ({ title, subtitle, imageUrl, description, key, }) => {
    const { colors } = useDeviceTheme();
    return (<Card key={key} title={title} subtitle={subtitle} elevation={2} style={styles.card} image={{ uri: imageUrl }}>
      <Text variant="body1" style={{ ...styles.description, color: colors.text.secondary }}>
        {description}
      </Text>
    </Card>);
};
const styles = StyleSheet.create({
    card: {
        margin: 16,
    },
    description: {
        marginTop: 8,
    },
});