import React, { Component } from 'react';
import { View, Container, Header, Content, Card, CardItem, Text, Body } from 'native-base';
import { Image, TouchableWithoutFeedback, TouchableOpacity } from 'react-native'
import ImageOverlay from "react-native-image-overlay";

// css
import { styles } from '@styles/Styles';
export default class CardHeaderFooterExample extends Component {
  render() {
    var loadContent = [];

    for (let i = 0; i < 10; i++) {
      loadContent.push(
        <ImageOverlay
          source={{ uri: "https://blog-assets.hootsuite.com/wp-content/uploads/2016/08/social-media-for-business-940x470.jpg" }}
          title="This is the title"
          titleStyle={{ color: '#fff', fontWeight: 'bold' }}
          height={70}
          rounded={10}
          containerStyle={{marginBottom: 5, width:350}}
        />
      )
    }

    return (
      <View style={{ flex: 1, flexDirection: "column" }}>
        {loadContent}
      </View>
      // <View style={{ flex: 1}}>
      //   { CardCategory }
      // </View>
    );
  }
}