<?php /** @var \Illuminate\Support\Collection $categories */ ?>
<div class="o-categories">
    <h2 class="o-categories__title">{{$categoryHeader}}</h2>
    <ul class="o-categories__list" data-test="categories-list">
        @foreach($categories as $category)
            <li class="o-categories__item"><a href="{{ $category->link ?? '#no_category_link' }}" class="o-categories__link" data-test="categories-list-item">{{ $category->translation->name ?? 'Unknown category name' }}</a></li>
        @endforeach
    </ul>
    @if($showAllLink ?? false)
        @include('components.button', [
                'modifiers' => ['text'],
                'buttonText' => 'bekijk alles',
                'buttonLink' => $links->categories->route,
                'buttonClasses' => 'u-spacing-mt3',
                'testKey' => 'show-all'
            ])
    @endif
</div>