import { StrictMode } from "react";
import { QueryClientProvider } from "@tanstack/react-query";

import { ApplicationProvider } from "../presentation/providers/application-provider.js";
import { AppRouter } from "../presentation/routes/app-router.jsx";

/**
 * Production provider tree. Tests import this component so the validated
 * composition is proven against the same provider order used by main.
 *
 * @param {{
 *   composition: Awaited<ReturnType<typeof import("./create-runtime-composition.js").createRuntimeComposition>>
 * }} props
 */
export function RuntimeApplication({ composition }) {
  return (
    <StrictMode>
      <QueryClientProvider client={composition.infrastructure.queryClient}>
        <ApplicationProvider application={composition.application}>
          <AppRouter
            basename={composition.config.build.routerBasePath}
            buildId={composition.release.buildId}
          />
        </ApplicationProvider>
      </QueryClientProvider>
    </StrictMode>
  );
}