# `container-search`

The data fetching module is the wrapper that contains the `@arcteryx/components-search` react component. This module
houses the various business logic and service calls that `@arcteryx/components-search` demands, in order to create a layer 
of separation from the presentational component. 

# Usage

## In UI Components Repo

```
const mockStateFromHeader = {
  market: "OUTDOOR",
  language: "en",
  country: "ca",
  environment: "prod", // or "preprod"
};
const analyticsEvents = {
  handleListingViewedEvent: () => {},
  handleSearchEvent: () => {},
  handleClickProductEvent: () => {}
};

<SearchContainer
  mountNode={document.createElement("div")}
  stateFromHeader={mockStateFromHeader}
  algoliaAppId={process.env.ALGOLIA_APP_ID}
  algoliaApiKey={process.env.ALGOLIA_API_KEY}
  searchDebounceTime={400}
  analyticsEvents={analyticsEvents}
  deployEnv="qa"
/>
```