@props([
    'title',
    'lede' => null,
    'highlight' => null,
    'footHref' => null,
    'footLabel' => null,
    'footAppointment' => false,
    'badge' => 'bolt',
    'class' => '',
])
@php
    use App\Support\Highlight;
@endphp
<div class="nova-panel {{ $class }}">
    <header class="nova-panel__header">
        <div class="nova-panel__intro">
            <h2 class="nova-panel__title">{!! Highlight::word($title, $highlight) !!}</h2>
            @if($lede)
                <p class="nova-panel__lede">{{ $lede }}</p>
            @endif
        </div>
        <div class="nova-panel__badge nova-panel__badge--{{ $badge }}" aria-hidden="true">
            @if($badge === 'stack')
                <x-icons.nova name="brand-gaps" class="nova-glyph--panel" />
            @else
                <x-icons.brand-bolt />
            @endif
        </div>
    </header>

    <div class="nova-panel__body">
        {{ $slot }}
    </div>

    @if($footHref && $footLabel)
        <footer class="nova-panel__foot">
            <a
                href="{{ $footHref }}"
                class="nova-panel__link"
                @if($footAppointment) data-appointment-open @endif
            >{{ $footLabel }} <span aria-hidden="true">→</span></a>
        </footer>
    @endif
</div>