import { Breadcrumb as BreadcrumbRoot, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator } from '@components/common/ui/Breadcrumb.js'; import React from 'react'; interface BreadcrumbProps { pageInfo: { breadcrumbs: Array<{ title: string; url: string; }>; }; } function Breadcrumb({ pageInfo: { breadcrumbs } }: BreadcrumbProps) { return breadcrumbs.length ? (
{breadcrumbs.map((breadcrumb, index) => ( {index === breadcrumbs.length - 1 ? ( {breadcrumb.title} ) : ( {breadcrumb.title} )} {index < breadcrumbs.length - 1 && } ))}
) : null; } export const query = ` query query { pageInfo { breadcrumbs { title url } } } `; export const layout = { areaId: 'content', sortOrder: 0 }; export default Breadcrumb;