import React from 'react'
import StoreContext, { store } from './store'
import './antd.less'

import SearchInput from './components/SearchInput'
import SelectedFilters from './components/SelectedFilters'
import ChooseAbleFilters from './components/ChooseAbleFilters'
import SavedSearchParamsBar from './components/SavedSearchParamsBar'
import ControlBar from './components/ControlBar'

const IntelligentSearchPanel: React.FC = () => {
  return (
    <StoreContext.Provider value={store}>
      <div className="nadileaf-intelligent-search-panel">
        <SearchInput />

        <SavedSearchParamsBar />

        <SelectedFilters />

        <ChooseAbleFilters />

        <ControlBar />
      </div>
    </StoreContext.Provider>
  )
}

export default IntelligentSearchPanel
