import React from 'react'
import { observer } from 'xmobx/mobx-react'
import Select from './Select'
import { SelectProps } from './typings'

class SelectDropDown extends React.PureComponent<SelectProps> {
  dom: HTMLElement
  // @todo - is needed for form validation
  handleOnChange = event => {
    // const { onChange } = this.attributes
    // if (this.state) {
    //   this.state.setValue(event.target.value)
    //   this.state.validateInput(event)
    // }
    // onChange(event.target.value, this.state)
  }

  componentWillMount() {
    // was setting input-compat state here
  }

  setRef = node => {
    this.dom = node || this.dom
  }

  render() {
    // const Wrap = nowrap ? React.Fragment : StyledSelectWrap
    return <Select {...this.props} />
  }
}

export { SelectDropDown }
export default SelectDropDown