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

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

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

    render() {
        return (
            <View style ={[sharedStyles.runInfoWrapper, {flex: 1}]}>
            <TouchableHighlight
                onPress=  {() => this.modal()}
                // style={sharedStyles.new}
            >
                <Text style={{fontSize: 25, textAlign: 'center'}}>Join Room</Text>
            </TouchableHighlight>
            </View>

        )
    }
}