import { useEffect, useState } from 'react';

import { subscribeHostAppLifecycle } from '../services/host-bridge/hostBridge';

export function useHostLifecycleActive() {
  const [isHostLifecycleActive, setIsHostLifecycleActive] = useState(true);

  useEffect(
    () =>
      subscribeHostAppLifecycle((payload) => {
        setIsHostLifecycleActive(
          payload.state === 'active' && payload.focused,
        );
      }),
    [],
  );

  return isHostLifecycleActive;
}