'use strict';

import React from 'react';
import ReactNative from 'react-native';
import Immutable, {Map} from 'immutable';

const {
  AppRegistry,
  StyleSheet,
  Text,
  View,
  Image,
  ListView,
  Dimensions,
  TouchableOpacity,
} = ReactNative;


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

    render() {
		console.log(this.props.showGiftAlert);
		if (!this.props.showGiftAlert) {
			return null;
		}

		return (
			<View style={styles.modalStyle}>
				<TouchableOpacity  activeOpacity={0.5} onPress={() => {
					this.props.hiddenGiftAlert && this.props.hiddenGiftAlert();
				}}>
					<View style={styles.button}></View>
				</TouchableOpacity>

			</View>
		);
    }
};

let {width, height} = Dimensions.get('window');
let styles = StyleSheet.create({
	container: {

	},
	modalStyle: {
	    position: "absolute",
	    top: 0,
	    left: 0,
	    width: width,
	    height: height,
	    backgroundColor: 'yellow'
  },

  button: {
	  height: 100,
	  width: 100,
	  backgroundColor: 'blue',
  },

});