"use client";

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

export function SportsCenterBreadcrumbs({ current }: { current: string }) {
  return (
    <nav className="mb-4 flex items-center gap-1 text-xs text-[var(--muted)]" aria-label="مسیر">
      <Link href="/sports-center/owner" className="hover:text-secondary">
        مرکز ورزشی
      </Link>
      <ChevronLeft className="h-3 w-3" />
      <span className="text-secondary">{current}</span>
    </nav>
  );
}
