import { View, StyleSheet } from 'react-native';
import { StatusBar } from 'expo-status-bar';
import { useEffect } from 'react';
import useSignUpStore from '../../providers/signup_form_store';
import Form from '../registrationMultiStepForm/formComponent/form';

const MultiStepForm: React.FC = () => {
    const { signUpFormData } = useSignUpStore();
    //logging to check if parent component can successfully receive user input in the multi-step form
    useEffect(() => {
        console.log('Current Zustand Store:', signUpFormData);
    }, [signUpFormData]);

    return (
        <View style={styles.container}>
            <Form />
            <StatusBar style="auto" />
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#FFFFFF'
    }
});

export default MultiStepForm;