"use client";

// Wrapper client pour les secteurs disposant d'une vue d'origine
// (Tertiaire / Collectivités / Agricole / ERP) : reconstruit la config du
// SectorPageTemplate depuis les sections WP via toSectorConfig, avec la config
// codée d'origine en fallback champ à champ (parité pixel). Les configs vivent
// dans des modules "use client" : impossible de les importer côté serveur.
// La composition (Navbar / main / Footer / StickyMobileCTA) reproduit
// exactement celle des vues src/views/industries/*.

import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import StickyMobileCTA from "@/components/StickyMobileCTA";
import {
  SectorPageTemplate,
  type SectorPageConfig,
} from "@/components/industries/SectorPageTemplate";
import { toSectorConfig } from "@/lib/wp/toSectorConfig";
import { config as agricoleConfig } from "@/views/industries/Agricole";
import { config as collectivitesConfig } from "@/views/industries/Collectivites";
import { config as erpConfig } from "@/views/industries/ERP";
import { config as tertiaireConfig } from "@/views/industries/Tertiaire";
import type { WpSection } from "@/lib/wp/types";

const CONFIGS: Record<string, SectorPageConfig> = {
  tertiaire: tertiaireConfig,
  collectivites: collectivitesConfig,
  agricole: agricoleConfig,
  erp: erpConfig,
};

export default function SectorView({
  slug,
  sections,
}: {
  slug: string;
  sections: WpSection[] | null;
}) {
  const fallback = CONFIGS[slug];
  if (!fallback) return null;

  const config = toSectorConfig(sections, fallback);

  return (
    <>
      <Navbar />
      <main>
        <SectorPageTemplate config={config} />
      </main>
      <Footer />
      <StickyMobileCTA />
    </>
  );
}