const nameFieldChanged = createEvent()
const passwordFieldChanged = createEvent()
const submitPressed = createEvent()

const $name = restore(nameFieldChanged, "")
const $password = restore(passwordFieldChanged, "")

const $loginForm = combine({ name: $name, password: $password })

sample({
  source: $loginForm,
  clock: submitPressed,
  target: login
})

const NameField = () => {
  return <Input value={useStore($name)} onChange={nameFieldChanged} />
}