21 lines
625 B
TypeScript
21 lines
625 B
TypeScript
import { ChevronRight, HomeIcon } from "lucide-react";
|
|
import Link from "next/link";
|
|
|
|
interface BreadcrumbsProps {
|
|
basePath: string;
|
|
baseLabel: string;
|
|
}
|
|
|
|
export function Breadcrumbs({ basePath, baseLabel }: BreadcrumbsProps) {
|
|
return (
|
|
<nav className="flex items-center space-x-2 text-sm text-muted-foreground">
|
|
<Link href="/" className="hover:text-primary transition-colors">
|
|
<HomeIcon className="size-4" />
|
|
</Link>
|
|
<ChevronRight className="size-4" />
|
|
<Link href={`/${basePath}`} className="hover:text-primary transition-colors">
|
|
{baseLabel}
|
|
</Link>
|
|
</nav>
|
|
);
|
|
} |