"use client"
 
import { useBluetooth } from "@/hooks/use-bluetooth"
 
export function Component() {
  const { isSupported, isConnected, device, requestDevice, server, error } =
    useBluetooth({
      acceptAllDevices: true,
      optionalServices: ["battery_service"],
    })
 
  if (!isSupported) {
    return <div>Bluetooth is not supported</div>
  }
 
  return (
    <div>
      <button type="button" onClick={requestDevice}>
        Connect to Bluetooth Device
      </button>
      {isConnected && <div>Connected to: {device?.name}</div>}
      {(error as Error) && (
        <>
          <p>Error:</p>
          <pre>{JSON.stringify(error, null, 2)}</pre>
        </>
      )}
    </div>
  )
}