"use client"
 
import { useCounter } from "@/hooks/use-counter"
 
export function Component() {
  const { count, setCount, increment, decrement, reset } = useCounter(0)
 
  const multiplyBy2 = () => {
    setCount((x: number) => x * 2)
  }
 
  return (
    <>
      <p>Count is {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
      <button onClick={reset}>Reset</button>
      <button onClick={multiplyBy2}>Multiply by 2</button>
    </>
  )
}