import type { ReactNode } from "react";

/** Titre centré entre deux fins filets dorés (section « Nos services »). */
export function SectionTitle({
  children,
  as: Tag = "h2",
  id,
}: {
  children: ReactNode;
  as?: "h1" | "h2";
  id?: string;
}) {
  return (
    <div className="flex items-center gap-5 md:gap-8">
      <span aria-hidden="true" className="bg-gold-500/70 h-px flex-1" />
      <Tag id={id} className="text-h2 shrink-0 text-center">
        {children}
      </Tag>
      <span aria-hidden="true" className="bg-gold-500/70 h-px flex-1" />
    </div>
  );
}