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

export const ResetPasswordStart = () => {
  const stytch = useStytchB2BClient();
  const [email, setEmail] = useState('');

  const startReset = async () => {
    const response = await stytch.passwords.resetByEmailStart({
      organization_id: 'organization-test-07971b06-ac8b-4cdb-9c15-63b17e653931',
      email_address: email,
      reset_password_redirect_url: 'https://example.com/reset-password',
    });
    console.log('Reset email sent:', response);
  };

  return (
    <View>
      <TextInput
        value={email}
        onChangeText={setEmail}
        placeholder="Email"
        keyboardType="email-address"
      />
      <Button title="Send Reset Email" onPress={startReset} />
    </View>
  );
};