import Link from "next/link";
import { ChevronRight } from "lucide-react";

interface DashboardBreadcrumbProps {
  current: string;
  parent?: string;
  parentHref?: string;
}

export function DashboardBreadcrumb({
  current,
  parent = "Dashboard",
  parentHref = "/dashboard",
}: DashboardBreadcrumbProps) {
  return (
    <nav aria-label="Breadcrumb" className="mb-4">
      <div className="inline-flex items-center gap-2 rounded-2xl bg-white px-4 py-3 text-sm font-bold shadow-sm ring-1 ring-[var(--theme-border)]">
        <Link
          href={parentHref}
          className="text-muted-foreground transition-colors hover:text-[var(--theme-primary)]"
        >
          {parent}
        </Link>
        <ChevronRight className="h-4 w-4 text-muted-foreground/55" />
        <span className="text-foreground">{current}</span>
      </div>
    </nav>
  );
}