import { ChevronRight, Shield } from 'lucide-react'

interface AdminBreadcrumbProps {
  currentPage: string
}

const pageNames: Record<string, string> = {
  '/admin': 'Dashboard',
  '/admin/plans': 'Plans',
  '/admin/payment-methods': 'Payment Methods',
  '/admin/payments': 'Payments',
  '/admin/users': 'Users',
  '/admin/settings': 'Settings',
}

export function AdminBreadcrumb({ currentPage }: AdminBreadcrumbProps) {
  const pageName = pageNames[currentPage] || 'Admin'

  return (
    <nav className="flex items-center space-x-1 text-sm text-muted-foreground">
      <div className="flex items-center space-x-1">
        <Shield className="h-4 w-4" />
        <span>Admin</span>
      </div>
      {currentPage !== '/admin' && (
        <>
          <ChevronRight className="h-4 w-4" />
          <span className="font-medium text-foreground">{pageName}</span>
        </>
      )}
    </nav>
  )
}