import Link from "next/link";
import type { Locale } from "@/content/site";
import { translations } from "@/content/translations";

export function Breadcrumbs({
  locale,
  current,
}: {
  locale: Locale;
  current: string;
}) {
  const label = {
    fr: "Fil d’Ariane",
    en: "Breadcrumb",
    ar: "مسار الصفحة",
  }[locale];
  return (
    <nav className="breadcrumbs" aria-label={label}>
      <Link href={`/${locale}/`}>{translations[locale].nav.home}</Link>
      <span aria-hidden="true">/</span>
      <span aria-current="page">{current}</span>
    </nav>
  );
}