import React from 'react';
import PropTypes from 'prop-types';
import { Text, View } from 'react-native';

import EditProfile from '../components/Profile/EditProfile.container.js';

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

export default function Register({ doRegistration, navigation }) {
    const title = 'Register';

    const _doRegistration = (profile) => {
        if (!profile) {
            return;
        }

        doRegistration(profile);
    };

    return (
        <View style={styles.container}>
            <Text style={styles.heading}>{title}</Text>
            <EditProfile
                cancelEditProfile={() => navigation.goBack()}
                saveProfileAction={_doRegistration}
                saveProfileLabel="Register"
            />
        </View>
    );
}

Register.propTypes = {
    doRegistration: PropTypes.func.isRequired,
};