import { createSignal, createEffect, createRoot } from "solid-js";
import { render } from "solid-js/web"

function createCounter(initial = 0) {
  const [count, setCount] = createSignal(initial);

  createEffect(() => {
    console.log(`Count changed, new value: ${count()}`);
  });

  function increment() {
    setCount((c) => c + 1);
  }

  function reset() {
    setCount(initial);
  }

  return { count, increment, reset };
}

createRoot((dispose) => {
  const { count, increment, reset } = createCounter(10);

  console.log(count())
  increment();
  console.log(count())
  reset();
  console.log(count())

  dispose();
});