// Block `avantages_produit` — réutilise le composant d'origine ProductAdvantages
// (en-tête + grille d'avantages à icônes lucide). Les champs WP non remplis
// retombent sur les défauts du composant (parité pixel préservée).

import { HelpCircle } from "lucide-react";

import ProductAdvantages from "@/components/product/ProductAdvantages";
import { arr } from "@/lib/wp/mappers";
import type { AvantagesProduitBlock } from "@/lib/wp/types";
import { iconFor } from "./shared";

const AvantagesProduit = (props: AvantagesProduitBlock & { position?: number }) => {
  const advantages = arr(props.avantages)
    .filter((a) => a.titre)
    .map((a) => ({
      icon: iconFor(a.icone) ?? HelpCircle,
      title: a.titre ?? "",
      desc: a.description ?? "",
    }));

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

export default AvantagesProduit;