import ReactIv from "reactiv-js"
const { MD2 } = ReactIv

// ---- create a simple counter reacter
const counter = new ReactIv.Reacter(0)

export default function MyComponent() {
  // ---- create button
  const counter_button = MD2.Button("Value: ", counter)

  // ---- assign click event
  counter_button.click(() => (counter.value += 1))

  // ---- create app component
  const App = MD2.App()
  App.add(counter_button)

  // ---- return component
  return App
}

import ReactIv from "reactiv-js"
import MyComponent from "./MyComponent.js"

// ---- Create app from my component
ReactIv.init("root", MyComponent())