import React from 'react'
import { observer } from 'xmobx/mobx-react'
import { ObserverInput, ObserverForm, FormState } from '../../src/forms'

class FormStateCanada extends FormState {
  inputsList = [
    {
      identity: 0,
      type: 'text',
      value: 'canada, Canada!',
    },
  ]
}

@observer
class FormCanada extends ObserverForm {
  static defaultProps = {
    get state() {
      return new FormStateCanada()
    },
  }
  handleSubmit = event => {
    event.preventDefault()
    const serialized = this.state.toSerialized()
    console.log(serialized)
  }
}

export { FormCanada }
export default FormCanada