import { useEffect, useState } from 'react';
function useOnlineStatus() {
  const [online, setOnline] = useState(() => navigator.onLine);
  useEffect(() => {
    const sync = () => setOnline(navigator.onLine);
    addEventListener('online', sync); addEventListener('offline', sync);
    return () => { removeEventListener('online', sync); removeEventListener('offline', sync); };
  }, []);
  return online;
}
export default function Status(){ return <strong>{useOnlineStatus() ? 'Online' : 'Offline'}</strong>; }