"use client"
 
import { useOnlineStatus } from "@/hooks/use-online-status"
 
export function Component() {
  const isOnline = useOnlineStatus()
 
  return (
    <div>
      <h1>Network Status</h1>
      <p>{isOnline ? "You are online" : "You are offline"}</p>
    </div>
  )
}