'use strict';

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

export default class PBTimeNumber extends Component {

    constructor(props) {
        super(props);
    }    


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

        return (
            <View  style={styles.tickTime}>
                <Text style={styles.tickTimeText}>{text}</Text>
            </View>
        );
    }
}

let styles = StyleSheet.create({
    tickTime: {
        backgroundColor:'#d30018',
        alignItems: 'center',
        justifyContent: 'center',
        left:0,
        marginLeft:5,
        width:15,
        height:15,
        borderRadius:3,
    },
    tickTimeText: {
        color: 'white',
        fontSize: 9,
    },
});