import React from 'react';
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 _doRegistration = (profile) => {
        if (!profile) {
            return;
        }

        doRegistration(profile);
    };

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

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