{{-- Categorised skills as tags: never percentage bars or proficiency graphics (PRD §14.2). --}}
@props(['category', 'headingLevel' => 3])
<div {{ $attributes }}>
    <h{{ $headingLevel }} class="text-h4">{{ $category->name }}</h{{ $headingLevel }}>
    @if ($category->description)<p class="mt-1 text-sm text-muted">{{ $category->description }}</p>@endif
    <ul class="mt-3 flex flex-wrap gap-2">
        @foreach ($category->skills as $skill)<li><x-tag>{{ $skill->name }}</x-tag></li>@endforeach
    </ul>
</div>