import React, { Component } from 'react';
import {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  Dimensions,
  TouchableOpacity,
} from 'react-native';

export default class PresaleFooter extends Component {
    constructor(props){
        super(props);
    }

    render(){
        let height = this.props.height;
        return(
            <View style={styles.container}>
                <Text style={styles.dateStyles}>
                    {'上市期:'+(this.props.arrivalTime)}
                </Text>

                {this.props.delayNotice.length > 0 ?
                    <TouchableOpacity
                        onPress={() => {
                             this.props._onPressDelayNotice && this.props._onPressDelayNotice(this.props.delayNotice);
                        }}
                    >
                        <View style={styles.noticeStyle}>
                            <Image source={require('../../image/delay_delivery_warning_icon.png')}/>
                            <Text style={{fontSize: 10,color: '#444444',marginLeft:3}}>
                                延迟发货提醒
                            </Text>
                        </View>
                    </TouchableOpacity>
                    : null
                }

            </View>
        );
    }
}

let {width,height} = Dimensions.get('window');
const styles = StyleSheet.create({
    container : {
        width: width,
        height: 27,
        flexDirection: 'row',
        justifyContent: 'space-between',
        alignItems: 'center',
    },
    dateStyles: {
        backgroundColor: 'transparent',
        marginLeft: 15,
        fontSize: 12,
        color: '#b0b0b0'
    },
    noticeStyle: {
        flexDirection: 'row',
        backgroundColor: 'transparent',
        marginRight: 15
    }


});