import React from 'react'
import { isFunction } from 'exotic'
import { SearchInputProps } from './typings'
import { defaultRenderButtonGroup, defaultRenderForm, defaultRenderWrapper } from './renderProps'

class SearchInput extends React.Component<SearchInputProps> {
  static defaultProps = {
    className: '',
    // renderProps
    renderForm: defaultRenderForm,
    renderButtonGroup: defaultRenderButtonGroup,
    renderWrapper: defaultRenderWrapper,
  }

  render() {
    const { renderForm, renderWrapper, ...remainingProps } = this.props
    const children = isFunction(renderForm) && renderForm({...remainingProps})
    const view = isFunction(renderWrapper) && renderWrapper({children, ...remainingProps})
    return view
  }
}

export { SearchInput }
export default SearchInput