import * as airx from 'airx'

// create a reaction value
const outsideCount = airx.createSignal(1)

// define a component
function App() {
  // create a reaction value
  const innerCount = airx.createSignal(1)

  const handleClick = () => {
    innerCount.value += 1
    outsideCount.value +=1
  }

  // return a render function
  return () => (
    <button onClick={handleClick}>
      {innerCount.value}
      {outsideCount.value}
    </button>
  )
}

airx.createApp(<App />).mount(document.getElementById('app'))