document.registerElement('xhr-form', require('../'))

const form = domify(`
  <form is="xhr-form" action="/api/yosh/wow">
    <input type="text" name="something"></input>
    <input type="submit">submit</input>
  </form>
`)

document.body.appendChild(form)

// as a callback
form.addEventListener('xhr', function (e, submit) {
  console.log(e.data)
  submit(e.data, function (err, res) {
    if (err) return console.error(err)
    console.log('submission done', res)
  })
})

// as a promise
form.addEventListener('xhr', function (e, submit) {
  console.log(e.data)
  submit(e.data)
    .then(res => console.log('submission done', res))
    .catch(err => console.log(err))
  })
})