import React from 'react-native';
import BuildItem from './BuildItem';

const {
  ListView,
  StyleSheet,
  ScrollView
} = React;

const styles = StyleSheet.create({
  listView: {
    flex: 1,
    flexDirection: 'column',
    alignItems: 'stretch',
    justifyContent: 'center',
    flexWrap: 'wrap',
    paddingHorizontal: 5
  },
});

export default class BuildList extends React.Component {
  constructor(props) {
    super(props);
  }

  renderRow(build) {
    return <BuildItem build={build} />;
  }

  render() {
    return (
      <ScrollView>
        <ListView
          contentContainerStyle={styles.listView}
          dataSource={this.state.dataSource}
          renderRow={this.renderRow} />
      </ScrollView>
    );
  }
};