BreadcrumbSchema.tsx•799 B
import React from 'react';
interface BreadcrumbItem {
name: string;
url: string;
}
interface BreadcrumbSchemaProps {
items: BreadcrumbItem[];
}
const BreadcrumbSchema: React.FC<BreadcrumbSchemaProps> = ({ items }) => {
const baseUrl = 'https://sfcc-mcp-dev.rhino-inquisitor.com';
const breadcrumbList = {
"@context": "https://schema.org",
"@type": "BreadcrumbList",
"itemListElement": items.map((item, index) => ({
"@type": "ListItem",
"position": index + 1,
"name": item.name,
"item": item.url.startsWith('http') ? item.url : `${baseUrl}${item.url}`
}))
};
return (
<script
type="application/ld+json"
dangerouslySetInnerHTML={{ __html: JSON.stringify(breadcrumbList) }}
/>
);
};
export default BreadcrumbSchema;