import React from 'react'
import { observer } from 'xmobx/mobx-react'
import {
  ObserverForm,
  FormState
} from 'src/forms'
import { searchInputList } from '../fixture'
import { Wrapper } from './styled'

class FormStateCard extends FormState {
  inputsList = searchInputList
}

const formStateCard = new FormStateCard()

@observer
class SearchForm extends ObserverForm {
  static FormState = formStateCard
  isSubmitButtonNeeded = false

  static defaultProps = {
    state: formStateCard,
  }
}

class SearchUser extends React.PureComponent {
  render() {
    return (
      <Wrapper>
        <SearchForm />
      </Wrapper>
    )
  }
}

export { SearchUser }
export default SearchUser