import { useCounter } from "~/hooks/useCounter";
 
function Component() {
  const [count, { increment, decrement, reset }] = useCounter(0);
 
  return (
    <div>
      <h2>Counter Example</h2>
      <p>Current Count: {count}</p>
      <button onClick={increment}>Increment</button>
      <button onClick={decrement}>Decrement</button>
      <button onClick={reset}>Reset</button>
    </div>
  );
}

function useCounter(initialValue?: number): CounterReturnType;