import { StytchB2BClient } from '@stytch/vanilla-js/b2b';

const stytch = new StytchB2BClient('public-token-test-b8c84de4-7d58-4ffc-9341-432b56596862');

// Subscribe to session changes
const unsubscribe = stytch.session.onChange((session) => {
  if (session) {
    console.log('Session ID:', session.member_session_id);
    // Update UI with session data
    document.getElementById('session-status').textContent =
      `Session ID: ${session.member_session_id}`;
  } else {
    console.log('No active session');
    document.getElementById('session-status').textContent = 'No active session';
  }
});

// Later, when you want to unsubscribe
// unsubscribe();