import { html, define } from 'hybrids';

export function increaseCount(host) => host.count += 1
export function decreaseCount(host) => host.count -= 1

export const SimpleCounter = {
  count: 0,
  render: ({ count }) => html`
    Count: ${count}
    <button onclick="${increaseCount}"/>
    <button onclick="${decreaseCount}"/>
  `,
};

define('simple-counter', SimpleCounter);