'use strict';

import React, {Component} from 'react';
import Immutable, {Map} from 'immutable';

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

export default class YohoGiveCoinCell extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <View style={styles.container}>
                <View style={styles.leftPart}>
                    <Image style={{
                        width: 15,
                        height: 15,
                        marginLeft: 15,
                    }} source={require('../../image/orderdetail_yohocoin.png')}/>
                    <Text style={styles.codeText}>共返有货币: {this.props.data}个</Text>
                </View>
            </View>
        );
    }
}

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

let styles = StyleSheet.create({
    container: {
        width: width,
        flexDirection: 'row',
        backgroundColor: 'white',
        borderColor: '#f0f0f0',
        alignItems: 'center',
        borderBottomWidth: 10
    },

    codeText: {
        fontSize: 14,
        marginBottom: 0,
        color: '#444444',
        marginLeft: 15,
        fontFamily: 'STHeitiSC-Medium',
    },

    leftPart: {
        height: 44,
        width: width - 30,
        flexDirection: 'row',
        alignItems: 'center',
        borderColor: '#ededed',
        borderBottomWidth: 0.5,
        borderTopWidth: 0.5,
    },

});