import Link from "next/link";
import { JsonLd } from "@/components/seo/JsonLd";
import { buildBreadcrumbSchema } from "@/lib/seo/schema";

type Crumb = { name: string; path: string };

/** Görünür gezinme yolu + BreadcrumbList yapılandırılmış verisi — hem kullanıcı hem SEO için dahili linkleme. */
export function Breadcrumbs({ items }: { items: Crumb[] }) {
  return (
    <>
      <JsonLd data={buildBreadcrumbSchema(items)} />
      <nav aria-label="Gezinme yolu" className="mb-5 flex flex-wrap items-center gap-1.5 text-[12.5px] text-text-muted">
        {items.map((item, index) => {
          const isLast = index === items.length - 1;
          return (
            <span key={item.path} className="flex items-center gap-1.5">
              {index > 0 && <span className="text-text-muted/50">/</span>}
              {isLast ? (
                <span className="font-semibold text-text">{item.name}</span>
              ) : (
                <Link href={item.path} className="hover:text-accent hover:underline">
                  {item.name}
                </Link>
              )}
            </span>
          );
        })}
      </nav>
    </>
  );
}