'use strict';

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

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


  render(){
    let {listId} = this.props;
    return(
        <View style={styles.container}>
            <Image
                style={styles.iconStyle}
                source={require('../../image/goods_xd_icon.png')}
            />
            <Text style={styles.textStyle}>
              您暂时没有订单记录
            </Text>
            <TouchableOpacity
                onPress={() => {
                     this.props.onPressEmptyItem && this.props.onPressEmptyItem();
                }}
            >
                <View style={styles.aroundStyle}>
                    <Text style={styles.aroundTitle}>
                       随便逛逛
                    </Text>
                </View>
            </TouchableOpacity>
        </View>
    );
  };
}

let {width, height} = Dimensions.get('window');
let scale = (width/320.0);

let styles = StyleSheet.create({
  container: {
    flex: 1,
    flexDirection: 'column',
    alignItems: 'center',
  },
  iconStyle: {
    marginTop : Math.ceil(110*scale),
    width: Math.ceil(78*scale),
    height: Math.ceil(98*scale),
    backgroundColor: 'transparent',
  },
  textStyle: {
    marginTop: Math.ceil(10*scale),
    color: '#444444',
    backgroundColor: 'transparent',
    fontSize: 14,
  },
  aroundStyle: {
    marginTop: Math.ceil(65*scale),
    width: Math.ceil(237*scale),
    height: 45,
    backgroundColor: '#444444',
    borderRadius: 5,
    flexDirection: 'column',
    justifyContent: 'center',
  },
  aroundTitle: {
    fontSize: 20,
    color: 'white',
    textAlign: 'center',
  }
})