import * as React from "react"
import { Button, useInstance } from "reacord"

function Counter() {
  const [count, setCount] = React.useState(0)
  const instance = useInstance()
  return (
    <>
      this button was clicked {count} times
      <Button
        label="+1"
        style="success"
        onClick={() => setCount(count + 1)}
      />
      <Button
        label="delete"
        emoji="🗑"
        style="danger"
        onClick={() => instance.destroy()}
      />
    </>
  )
}