"use client"
 
import { useWorker } from "@/hooks/use-worker"
 
export function Component() {
  const { result, error, isRunning, run } = useWorker<string>({
    workerScript: "/path/to/your/worker.js",
  })
 
  const handleRunWorker = async () => {
    try {
      await run("Hello from main thread")
      console.log("Worker result:", result)
    } catch (err) {
      console.error("Worker error:", err)
    }
  }
 
  return (
    <div>
      <button onClick={handleRunWorker} disabled={isRunning}>
        Run Worker
      </button>
      {error && <p>Error: {error.message}</p>}
      {result && <p>Result: {result}</p>}
    </div>
  )
}