export default function StatusIndicator({ isOnline }) {
  if (isOnline === null) {
    return <span className="inline-block w-2.5 h-2.5 rounded-full bg-gray-500 animate-pulse" title="Checking..." />
  }
  return (
    <span
      className={`inline-block w-2.5 h-2.5 rounded-full ${isOnline ? 'bg-emerald-400' : 'bg-red-400'}`}
      title={isOnline ? 'Bridge online' : 'Bridge offline'}
    />
  )
}
