'use strict';

import React, {Component} from 'react';
import PlainTextSection from './PlainTextSection';
import Placeholder from './Placeholder';
import DatePicker from './DatePicker';
import FixedHeaderList from './FixedHeaderList';

import {
    StyleSheet,
    View,
} from 'react-native';

export default class DeliveryStats extends Component {

    constructor(props) {
        super (props);
    }

	render() {
		return (
            <View style={styles.container}>
                <DatePicker currentStartDate={this.props.currentStartDate}
                    currentEndDate={this.props.currentEndDate}
                    maxDate={this.props.maxDate}
                    newDatePicked={this.props.newDatePicked}/>
                <Placeholder />
                <PlainTextSection content={this.props.section2} />
                <Placeholder />
                <FixedHeaderList content={this.props.content}
                    header={this.props.header}/>
            </View>
		);
	}

}

const styles = StyleSheet.create({
    container: {
        flex: 1,
    },
});