import { displayableTestimonials } from "@/lib/content";
import { TestimonialSlider } from "./TestimonialSlider";

export function Testimonials() {
  const preview = process.env.NEXT_PUBLIC_CONTENT_PREVIEW === "1";
  const { items, isPreview } = displayableTestimonials(preview);
  if (items.length === 0) return null;
  return (
    <section aria-labelledby="testimonials-title" className="bg-ivory-50 pt-2 pb-6 md:pb-10">
      <div className="container-site">
        <h2 id="testimonials-title" className="sr-only">
          Témoignages
        </h2>
        {isPreview ? (
          <p
            role="status"
            className="border-gold-500/60 bg-gold-300/30 text-ink-900 mb-3 rounded-md border px-4 py-2 text-sm"
          >
            Exemple de maquette (témoignage non vérifié) — sera remplacé par un avis client
            autorisé.
          </p>
        ) : null}
        <TestimonialSlider items={items} />
      </div>
    </section>
  );
}