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

import FacebookLogin from '../components/FacebookLogin/FacebookLogin.container.js';

import styles from './SignInOrRegister.styles.js';

export default class SignInOrRegister extends Component {

  constructor() {
    super(props);

    this._doRegistration = this._doRegistration.bind(this);
  }

  _doRegistration() {
    this.props.navigation.navigate('Register');
  }

  render() {
    return (
      <View style={styles.container}>
        <Text style={styles.title}>Sign In or Register</Text>
        <View style={styles.localLogin}>
          <LocalLogin />
        </View>
        <View style={styles.services}>
          <FacebookLogin />
        </View>
        <View style={styles.register}>
          <Button onPress={this._doRegistration} />
        </View>
      </View>
    );
  }
}