'use client';

import { useOnlineStatus } from 'use-a-hook';

export default function ConnectionHint() {
  const online = useOnlineStatus();
  return (
    <p role="status">
      {online
        ? 'Network detected. Your API still gets the final say.'
        : 'Offline. Keep your draft handy.'}
    </p>
  );
}