import { useState } from 'react';
import { View, TextInput, Button } from 'react-native';
import { useStytchB2BClient } from '@stytch/react-native/b2b';

export const RecoverWithCode = () => {
  const stytch = useStytchB2BClient();
  const [recoveryCode, setRecoveryCode] = useState('');

  const recover = async () => {
    const response = await stytch.recoveryCodes.recover({
      organization_id: 'organization-test-07971b06-ac8b-4cdb-9c15-63b17e653931',
      member_id: 'member-test-32fc5024-9c09-4da3-bd2e-c9698807585d',
      recovery_code: recoveryCode,
      session_duration_minutes: 60,
    });
    console.log('Recovered:', response);
  };

  return (
    <View>
      <TextInput
        value={recoveryCode}
        onChangeText={setRecoveryCode}
        placeholder="Enter recovery code"
      />
      <Button title="Recover Account" onPress={recover} />
    </View>
  );
};