card footer not displaying

Hi there,

I am using the card component on an react native expo deployment of UiKitten, and for some reason, the footer is not displaying in the card. I am not sure if it is because of the way I have hard-coded the height of the card or something else. I am following the demo to include a card and both a header and footer:

Footer code:
```
const Footer = (props) => (

Test Footer

);
```

Card code:
```

Ford and GM Scale Back Production Amid Chip Shortage
Wall Street Journal
}
footer={
Footer
}
>


```

Style code:
```
const styles = StyleSheet.create({
topContainer: {
flexDirection: 'column',
justifyContent: 'space-between',
},
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},

card: {
margin: 10,
height: 300
},
cardImage: {
width: '100%',
height: '100%',
resizeMode: 'cover'

},
footerContainer: {
flexDirection: 'row',
justifyContent: 'flex-end',
},
footerControl: {
marginHorizontal: 2,
},
});
```
This is the output: