Exploring the world of material UI and looking to create a card with an image and footer. However, I'm facing challenges as there is no default option for adding a footer in the card.
https://i.stack.imgur.com/xlxyb.png
I want the image to be centered within the card and also add some data in the footer section. Any guidance on how to achieve this would be greatly appreciated.
<Card className={css.root}>
<CardContent>
<CardMedia
className={css.media}
title="Contemplative Reptile"
image={TestImage}
/>
<Typography gutterBottom variant="h5" component="h2"></Typography>
<Typography variant="body2" color="textSecondary" component="p"></Typography>
</CardContent>
</Card>);
}