import { component$, useSignal } from "@builder.io/qwik";

export default component$(() => {
  const value = useSignal(0);

  return (
    <div class="flex flex-row justify-center items-center">
      <button class="btn" onClick$={() => (value.value -= 1)}>
        -
      </button>
      <div class="px-4 text-2xl">{value}</div>
      <button class="btn" onClick$={() => (value.value += 1)}>
        +
      </button>
    </div>
  );
});