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

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

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

export default function SignInOrRegister({ navigation }) {
    const title = 'Sign In or Register';

    return (
        <View style={styles.container}>
            <Text style={styles.title}>{title}</Text>
            <View style={styles.localLogin}>
                <LocalLogin />
            </View>
            <View style={styles.services}>
                <FacebookLogin />
            </View>
            <View style={styles.register}>
                <Button title="Signup with Email" onPress={() => navigation.navigate('Register')} />
            </View>
        </View>
    );
}