@props(['items' => []])
@php
  $items = collect($items)->map(function ($item) {
      return is_array($item)
          ? ['label' => $item['label'] ?? '', 'href' => $item['href'] ?? null]
          : ['label' => (string) $item, 'href' => null];
  })->values();
  $last = $items->count() - 1;
@endphp
<nav aria-label="Fil d'Ariane" class="flex items-center gap-2 text-sm text-cmu-ink min-w-0">
  @foreach($items as $i => $item)
    @if($i > 0)
      <span aria-hidden="true" class="text-gray-300">/</span>
    @endif
    @if($item['href'] && $i !== $last)
      <a href="{{ $item['href'] }}" wire:navigate class="hover:text-cmu-green-800 transition-colors truncate">{{ $item['label'] }}</a>
    @else
      <span @class(['truncate', 'text-cmu-charcoal font-semibold' => $i === $last])>{{ $item['label'] }}</span>
    @endif
  @endforeach
</nav>