content: import React from 'react'
  import PropTypes from 'prop-types'
  
  // FPCC
  import SearchInputPresentation from 'components/SearchInput/SearchInputPresentation'
  import SearchInputPresentationMinimal from 'components/SearchInput/SearchInputPresentationMinimal'
  import SearchInputData from 'components/SearchInput/SearchInputData'
  
  function SearchInputContainer({ kids, minimal }) {
    const {
      currentOption,
      handleSearchSubmit,
      handleTextFieldChange,
      isDictionary,
      onOptionClick,
      options,
      placeholder,
      resetSearch,
      searchValue,
      siteTitle,
    } = SearchInputData({ kids })
    return minimal ? (
      <SearchInputPresentationMinimal
        handleSearchSubmit={handleSearchSubmit}
        handleTextFieldChange={handleTextFieldChange}
        searchValue={searchValue}
        siteTitle={siteTitle}
      />
    ) : (
      <SearchInputPresentation
        currentOption={currentOption}
        handleSearchSubmit={handleSearchSubmit}
        handleTextFieldChange={handleTextFieldChange}
        isDictionary={isDictionary}
        onOptionClick={onOptionClick}
        options={options}
        resetSearch={resetSearch}
        searchValue={searchValue}
        placeholder={placeholder}
      />
    )
  }
  
  // PROPTYPES
  const { bool } = PropTypes
  SearchInputContainer.propTypes = {
    minimal: bool,
  }
  
  export default SearchInputContainer
  