import { useSignalIdentify } from '@signal-js/react';

function LoginForm() {
  const { identify, distinctId, reset } = useSignalIdentify();

  const handleLogin = (user) => {
    identify(user.id, { email: user.email, name: user.name });
  };

  const handleLogout = () => {
    reset();
  };

  return (
    <div>
      {distinctId ? `Logged in as ${distinctId}` : 'Not logged in'}
      <button onClick={() => handleLogin({ id: 'user_123', email: 'j@example.com', name: 'Jane' })}>
        Log in
      </button>
      <button onClick={handleLogout}>Log out</button>
    </div>
  );
}