import { useSearchParams } from 'react-router';
import { useStytchB2BClient } from '@stytch/react/b2b';

export const OAuthConsentSubmit = () => {
  const stytch = useStytchB2BClient();
  const [searchParams] = useSearchParams();

  const submitAuthorization = async (consentGranted) => {
    const response = await stytch.idp.oauthAuthorizeSubmit({
      client_id: searchParams.get('client_id'),
      redirect_uri: searchParams.get('redirect_uri'),
      response_type: searchParams.get('response_type'),
      scopes: searchParams.get('scope')?.split(' ') || [],
      consent_granted: consentGranted,
      state: searchParams.get('state'),
      nonce: searchParams.get('nonce'),
      code_challenge: searchParams.get('code_challenge'),
    });

    window.location.href = response.redirect_uri;
  };

  return (
    <div>
      <button onClick={() => submitAuthorization(true)}>Allow</button>
      <button onClick={() => submitAuthorization(false)}>Deny</button>
    </div>
  );
};