import { Text, View, StyleSheet } from 'react-native';
import { StatusBar } from 'expo-status-bar';
import { useEffect, useState } from 'react';
import BindingPhoneNumberForm from './formComponent/form';

const BindingMultiStepForm: React.FC = () => {
    const [bindingFormData, setBindingFormData] = useState({
        email: '',
        password: '',
        phone: '',
        otp: ''
    });

    // useEffect(() => {
    //     console.log(forgetPasswordFormData);
    // }, [forgetPasswordFormData]);

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

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

export default BindingMultiStepForm;
