// Block `expertise` — réutilise le composant d'origine ExpertiseSection
// (en-tête + grille 2×2 de cartes, dont une carte highlight navy). Les champs
// WP non remplis retombent sur les défauts du composant (parité pixel préservée).

import { HelpCircle } from "lucide-react";

import ExpertiseSection from "@/components/ExpertiseSection";
import { arr } from "@/lib/wp/mappers";
import type { ExpertiseBlock } from "@/lib/wp/types";
import { iconFor } from "./shared";

const Expertise = (props: ExpertiseBlock & { position?: number }) => {
  const cards = arr(props.cartes)
    .filter((c) => c.titre)
    .map((c) => ({
      featured: Boolean(c.featured),
      icon: iconFor(c.icone) ?? HelpCircle,
      title: c.titre ?? "",
      text: c.texte ?? "",
    }));

  return (
    <ExpertiseSection
      {...(props.entete?.badge ? { badge: props.entete.badge } : {})}
      {...(props.entete?.titre ? { titre: props.entete.titre } : {})}
      {...(props.entete?.intro ? { intro: props.entete.intro } : {})}
      {...(cards.length ? { cards } : {})}
    />
  );
};

export default Expertise;