import { useNetworkStatus } from '@utils/hooks/useNetworkStatus';

export function NetworkStatusIndicator() {
  const isOnline = useNetworkStatus();

  return (
    <span
      className={`absolute right-0 top-0 block h-2 w-2 -translate-y-1/2 translate-x-1/2 transform rounded-full ${
        isOnline ? 'bg-green-400' : 'bg-red-400'
      } ring-2 ring-zinc-900`}
    />
  );
}