Function ArrayBread

components/ArrayBread.tsx:17–50

({ items, locale }: ArrayBreadProps)

}

export default async function ArrayBread({ items, locale }: ArrayBreadProps) {
  const { t } = await initTranslations(locale, ["docs"])

  // Extract all except the last item
  const breadcrumbs = items.slice(0, -1)
  // Extract the last item
  const currentPage = items[items.length - 1]

  return (
    <Breadcrumb className="mb-4">
      <BreadcrumbList>
        <BreadcrumbItem>
          <BreadcrumbLink href="/">
            {locale ? t("home") : "Home"}
          </BreadcrumbLink>
        </BreadcrumbItem>
        <BreadcrumbSeparator />
        {breadcrumbs.map((item, index) => (
          <React.Fragment key={index}>
            <BreadcrumbItem>
              <BreadcrumbLink href={item.link}>{item.label}</BreadcrumbLink>
            </BreadcrumbItem>
            {index < items.length - 1 && <BreadcrumbSeparator />}
          </React.Fragment>
        ))}
        {currentPage && (
          <BreadcrumbItem>
            <BreadcrumbPage>{currentPage.label}</BreadcrumbPage>
          </BreadcrumbItem>
        )}
      </BreadcrumbList>
    </Breadcrumb>
  )
}