import React, { Component } from 'react';
import sharedStyles from '../shared-styles';
import {
    Platform,
    StyleSheet,
    Text,
    View
} from 'react-native';

export default class RunInfo extends Component {
    constructor(props) {
        super(props);
        this.state = { value: this.props.value};
    }

    formatValue() {
        return this.state.value;
    }

    render() {
        let value = this.state.value ? this.formatValue() : '-';
        return (
            <View style ={[sharedStyles.runInfoWrapper, {flex: 1}]}>
                <Text style ={sharedStyles.runInfoValue}>{value}</Text>
                <Text style={sharedStyles.runInfoTitle}>{this.props.title}</Text>

            </View>
        )
    }
}