'use strict';

import React, {Component} from 'react';
import ReactNative, {
    View,
    Text,
    StyleSheet,
    Dimensions,
} from 'react-native';
import Immutable, {Map} from 'immutable';
// import TimeForWait from './PBTimeForWait';
// import TimeForNow from './PBTimeForNow';
// import TimeForOver from './PBTimeForOver';

export default class PBTimeForFocus extends Component {

    constructor(props) {
        super(props);
    }

    render() {
        let {
            activityDate,
            activityHour,
        } = this.props;

        let text = activityHour + '点抢';
        return (
            <View style={styles.rowContainerFocus}>
                <Text style={styles.title}>{activityDate}</Text>

                <View style={styles.subTitleBg}>
                <Text style={styles.subTitle}>{text}</Text>
                </View>
            </View>
        );
    }
}

let {width, height} = Dimensions.get('window');
let backgroundHeight = 70;
let rowContainerFocusWidth = width/3;

let styles = StyleSheet.create({
    rowContainerFocus: {
        flexDirection: 'column',
        alignItems: 'center',
        //justifyContent: 'center',
        width: rowContainerFocusWidth,
        height: backgroundHeight,
        backgroundColor:'transparent',
    },
    title: {
        fontSize: 18,
        marginTop:5,
        fontWeight:'bold', 
        color: 'white'
    },
    subTitleBg: {
        backgroundColor: 'white',
        borderRadius: 8,
        width: 48,
        height: 16,
        top: 5,
        alignItems: 'center',
        justifyContent:'center',
    },
    subTitle: {
        fontSize: 11, 
        color: '#585858',
    }
});