App.js

<ResultCard
  componentId="results"
  dataField="original_title"
  react={{
    and: [
      "mainSearch",
      "RangeSlider",
      "language-list",
      "date-filter",
      "genres-list",
      "revenue-list"
    ]
  }}
  pagination={true}
  className="Result_card"
  paginationAt="bottom"
  pages={5}
  size={12}
  Loader="Loading..."
  noResults="No results were found..."
  sortOptions={[
    {
      dataField: "revenue",
      sortBy: "desc",
      label: "Sort by Revenue(High to Low) \u00A0"
    },
    {
      dataField: "popularity",
      sortBy: "desc",
      label: "Sort by Popularity(High to Low)\u00A0 \u00A0"
    },
    {
      dataField: "vote_average",
      sortBy: "desc",
      label: "Sort by Ratings(High to Low) \u00A0"
    },
    {
      dataField: "original_title.raw",
      sortBy: "asc",
      label: "Sort by Title(A-Z) \u00A0"
    }
  ]}
  innerClass={{
    title: "result-title",
    listItem: "result-item",
    list: "list-container",
    sortOptions: "sort-options",
    resultStats: "result-stats",
    resultsInfo: "result-list-info",
    poweredBy: "powered-by"
  }}
/>