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

export const UpdateSCIMConnection = () => {
  const stytch = useStytchB2BClient();
  const [displayName, setDisplayName] = useState('');

  const updateConnection = async () => {
    const response = await stytch.scim.updateConnection({
      connection_id: 'scim-connection-test-d6a0eaa4-ebf3-4982-bd1f-217f8a04a233',
      display_name: displayName,
    });
    console.log('SCIM connection updated:', response);
  };

  return (
    <View>
      <TextInput
        value={displayName}
        onChangeText={setDisplayName}
        placeholder="New display name"
      />
      <Button title="Update Connection" onPress={updateConnection} />
    </View>
  );
};