import Link from "./site-link";
import { JsonLd } from './json-ld';
import { SITE_URL } from '../lib/metadata';

type Crumb = { label: string; href?: string };

export function Breadcrumb({ items }: { items: Crumb[] }) {
  return (
    <nav className="breadcrumb shell" aria-label="Caminho da página">
      <JsonLd data={{'@context':'https://schema.org','@type':'BreadcrumbList',itemListElement:[{label:'Início',href:'/'},...items].map((item,index)=>({'@type':'ListItem',position:index+1,name:item.label,...(item.href?{item:SITE_URL+item.href}:{})}))}} />
      <ol>
        <li><Link href="/">Início</Link></li>
        {items.map((item, index) => (
          <li key={`${item.label}-${index}`}>
            <span aria-hidden="true">/</span>
            {item.href ? (
              <Link href={item.href}>{item.label}</Link>
            ) : (
              <span aria-current="page">{item.label}</span>
            )}
          </li>
        ))}
      </ol>
    </nav>
  );
}