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

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

  const authenticate = async () => {
    const token = searchParams.get('token');
    if (token) {
      const response = await stytch.impersonation.authenticate({
        impersonation_token: token,
      });
      console.log('Authenticated:', response);
    }
  };

  return <button onClick={authenticate}>Authenticate Impersonation</button>;
};