export const data = {
  count: 0,
  saving: false,
};

export default () => (
  <main class="space-y-3 p-8">
    <h1>
      New beginning {data.count}/{limit}
    </h1>

    <div class="flex gap-2">
      <Button onClick={add}>Add</Button>
      <Button onClick={reset}>Reset</Button>
      <Button loading={data.saving} onClick={save}>
        Save
      </Button>
    </div>
  </main>
);