import React from 'react'
import SelectDropDown from 'molecules/SelectDropDown'
import { InputChain } from '../../InputChain'

class SelectBoxWithHeadingInput extends InputChain {
  static isSatisfiedByProps(props): boolean {
    return props.type === 'selectBoxWithHeading'
  }
  render() {
    const props = this.get('props')
    const state = this.get('state')
    const attributes = {
      ...props,
      state,
    }

    console.log('SelectBoxWithHeadingInput', props)

    return <SelectDropDown {...attributes} />
  }
}

export { SelectBoxWithHeadingInput }
export default SelectBoxWithHeadingInput