import { dynamicClient } from '<path to client file>';
import { useState } from 'react';
import { View, TextInput, Button, Text } from 'react-native';

const EmailLoginScreen = () => {
  const [email, setEmail] = useState('');
  const [otp, setOtp] = useState('');
  const [otpSent, setOtpSent] = useState(false);

  const handleSendOTP = async () => {
    await dynamicClient.auth.email.sendOTP(email);
    setOtpSent(true);
  };

  const handleVerifyOTP = async () => {
    await dynamicClient.auth.email.verifyOTP(otp);

    // Wait for auth to fully complete (including MFA if required)
    const user = await dynamicClient.auth.waitForAuthSuccess();

    // Now safe to check embedded wallet status
    const hasWallet = dynamicClient.wallets.embedded.hasWallet;
    console.log('Has embedded wallet:', hasWallet);
  };

  return (
    <View>
      {!otpSent ? (
        <View>
          <TextInput
            value={email}
            onChangeText={setEmail}
            placeholder="Enter your email"
          />
          <Button title="Send OTP" onPress={handleSendOTP} />
        </View>
      ) : (
        <View>
          <TextInput
            value={otp}
            onChangeText={setOtp}
            placeholder="Enter OTP"
          />
          <Button title="Verify OTP" onPress={handleVerifyOTP} />
        </View>
      )}
    </View>
  );
};