import Input from '../../components/Input/Input.coffee'

export default observer class Main extends Component
  constructor: (props) ->
    super props

    @state = observable
      test: ''
      testError: null

    Meteor.setTimeout =>
      @state.test = 'asdf'
    , 5000

  onChangeInput: (value, error, name) =>
    @state[name] = value

    @state["name#{Error}"] = error

  render: =>
    <div style={{ padding: 100 }}>
      <Input onChange={@onChangeInput} name="test" value={@state.test} labelPosition="top" type="password" isHeaderVisible />
    </div>