export const data = {
  count: 0,
};

export const add = () => {
  data.count++;
};

export default () => (
  <section
    class="h-48 overflow-auto"
    onScroll={passive((event) => {
      const section = event.currentTarget as HTMLElement;
      console.log(section.scrollTop);
    })}
  >
    <Button onClick={once(add)}>Run once</Button>
    <Button onClick={capture(add)}>Run during capture</Button>
    <p>{data.count}</p>
  </section>
);