import type { ReactNode } from "react";
import { FeedFiltersProvider } from "./FeedFiltersProvider";
import { FeedViewProvider } from "./FeedViewProvider";
import { FeedSavedViewsProvider } from "./FeedSavedViewsProvider";

// The feed module's store, mounted at the root (features/navigation/ModuleStores): its filters, its view
// (the card or row layout) and its saved views over those filters.
export function FeedStore({ children }: { children: ReactNode }) {
  return (
    <FeedFiltersProvider>
      <FeedViewProvider>
        <FeedSavedViewsProvider>{children}</FeedSavedViewsProvider>
      </FeedViewProvider>
    </FeedFiltersProvider>
  );
}