'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 AntiFraudTip extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        return (
            <TouchableOpacity activeOpacity={1} style={styles.container} onPress={
                () => {
                    this.props.onPressAntiFraudTip && this.props.onPressAntiFraudTip();
                }
            }>
                <View style={styles.leftPart}>
                    <View style={styles.topPart}>
                        <Image style={{
                            width: 14,
                            height: 14
                        }} source={require('../../image/tan_ic.png')}/>
                        <Text style={styles.codeText}>关于防诈骗的重要提醒
                        </Text>
                    </View>
                    <Text style={styles.otherText}>有货不会以任何理由要求您退货退款，请提高警惕。
                    </Text>
                </View>
                <Image style={{
                    width: 15,
                    height: 15
                }} source={require('../../image/shared_next_icon.png')}/>
            </TouchableOpacity>
        );
    }
}

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

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

    codeText: {
        fontSize: 12,
        marginBottom: 0,
        marginLeft: 4,
        fontWeight: '800',
        color: '#444444'
    },
    topPart: {
        flexDirection: 'row',
        marginLeft: 15,
        alignItems: 'center',
        marginTop: 8,
    },
    leftPart: {
        width: width - 30,
        flexDirection: 'column',
        paddingBottom: 10
    },

    otherText: {
        fontSize: 10,
        marginLeft: 15,
        marginTop: 8,
        color: '#b0b0b0',
    }
});