"use client"
 
import { useExecutionTime } from "@/hooks/use-execution-time"
 
export function Component() {
  const { runWithTiming, time, isRunning } = useExecutionTime()
 
  return (
    <div style={{ padding: "20px", maxWidth: "600px", margin: "0 auto" }}>
      <button
        onClick={runWithTiming(() => {
          // Simulate a function that takes some time to execute
          for (let i = 0; i < 1e6; i++) {}
          console.log("Function executed")
        })}
      >
        Run Function
      </button>
      <p>Elapsed Time: {time} ms</p>
      <p>Is Running: {isRunning ? "Yes" : "No"}</p>
    </div>
  )
}