'use strict';

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

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

    render() {
        let itemData = this.props.itemData;
        let body = itemData.get('body');
        let content = body ? body.get('content','') : '';
        return(
            <TouchableOpacity
                activeOpacity={1}
                onLongPress={() =>{
                    this.props.onLongPressListItem && this.props.onLongPressListItem(itemData);
                }}
                onPress={() =>{
                    this.props.onPressListItem && this.props.onPressListItem(itemData);
                }}
            >
                <View style={styles.container}>
                    <Text
                        numberOfLines={2}
                        style={styles.titleStyle}
                    >
                        {itemData.get('title')}
                    </Text>
                    <Text
                        style={styles.detail}
                    >
                        {content}
                    </Text>
                    <View style={styles.separator}/>
                </View>
            </TouchableOpacity>
        )
    }
}

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

let styles = StyleSheet.create({
    container: {
        width,
        backgroundColor: 'white'
    },
    titleStyle: {
        marginLeft: 15,
        marginRight: 15,
        marginTop: 15,
        fontSize: 14,
        fontWeight: 'bold',
        color: '#444444',
    },
    detail: {
        marginTop: 10,
        marginBottom: 15,
        marginLeft: 15,
        marginRight: 15,
        fontSize: 12,
        color: '#b0b0b0',
        textAlign: 'left'
    },
    separator: {
        height: 0.5,
        width,
        backgroundColor: '#e0e0e0'
    }
})