import type { GalleryImage } from "@/generated/prisma/client";
import { GalleryCarousel } from "./GalleryCarousel";

export function GallerySection({
  images,
  intro,
}: {
  images: GalleryImage[];
  intro: string;
}) {
  return (
    <section id="galerie" className="scroll-mt-24 bg-white/60 px-4 py-20 sm:px-6">
      <div className="mx-auto max-w-6xl">
        <div className="mb-12 text-center">
          <h2 className="text-3xl font-bold text-chocolat sm:text-4xl">
            Galerie
          </h2>
          {intro.trim() ? (
            <p className="mx-auto mt-3 max-w-2xl text-muted">{intro}</p>
          ) : null}
        </div>
        <GalleryCarousel images={images} />
      </div>
    </section>
  );
}
