Button.ts

import {render} from "../../index.js"
import type {EventHandler} from "../../purity.js"

export type Actions = "inc" | "dec" | "reset"

export type ButtonProps = {
  action: Actions
  caption: string
  handleClick: EventHandler
}

export const Button = ({
  action,
  caption,
  handleClick,
}: ButtonProps): string => render`
  <button data-counter="${action}" ::click=${handleClick}>
    ${caption}
  </button>
`