"use client"
 
import { useNetworkStatus } from "@/hooks/use-network-status"
 
export function Component() {
  const { online, effectiveType, downlink } = useNetworkStatus()
 
  return (
    <div>
      <p>Online: {online ? "Yes" : "No"}</p>
      <p>Connection Type: {effectiveType}</p>
      <p>Downlink Speed: {downlink} Mbps</p>
    </div>
  )
}