@props([
    'resource' => null,
    'icon' => null,
    'eyebrow' => null,
    'title' => null,
    'description' => null,
    'headingLevel' => 3,
])

@php
    $resourceConfig = $resource ? config('ui.resources.'.$resource, []) : [];
    $resolvedIcon = $icon ?: ($resourceConfig['icon'] ?? null);
    $headingLevel = in_array((int) $headingLevel, range(1, 6), true) ? (int) $headingLevel : 3;
@endphp

<div {{ $attributes->class('ui-resource-heading') }}>
    @if ($resolvedIcon)
        <span class="ui-resource-heading__icon" aria-hidden="true">
            <x-ui.icon :name="$resolvedIcon" size="18" />
        </span>
    @endif

    <div class="ui-resource-heading__copy">
        @if ($eyebrow)
            <p class="ui-resource-heading__eyebrow">{{ $eyebrow }}</p>
        @endif
        @if ($title)
            @switch($headingLevel)
                @case(1)<h1 class="ui-resource-heading__title">{{ $title }}</h1>@break
                @case(2)<h2 class="ui-resource-heading__title">{{ $title }}</h2>@break
                @case(4)<h4 class="ui-resource-heading__title">{{ $title }}</h4>@break
                @case(5)<h5 class="ui-resource-heading__title">{{ $title }}</h5>@break
                @case(6)<h6 class="ui-resource-heading__title">{{ $title }}</h6>@break
                @default<h3 class="ui-resource-heading__title">{{ $title }}</h3>
            @endswitch
        @endif
        @if ($description)
            <p class="ui-resource-heading__description">{{ $description }}</p>
        @endif
    </div>
</div>