import {neverland as $, render, html, useState} from 'neverland';

const Counter = $((initialState) => {
  const [count, setCount] = useState(initialState);
  return html`
  Count: ${count}
  <button onclick=${() => setCount(count + 1)}>Increment</button>
  <button onclick=${() => setCount(count - 1)}>Decrement</button>
});

render(document.body, html`
  <div>
    ${Counter(0)}
  </div>
`);