@props([
    'eyebrow' => null,
    'title',
    'highlight' => null,
    'lede' => null,
])
@php
    use App\Support\Highlight;
@endphp
<section class="nova-inner-hero">
    <div class="nova-inner-hero__bg" aria-hidden="true"></div>
    <div class="nova-wrap nova-inner-hero__inner">
        @if(! empty($badge))
            <div class="nova-inner-hero__badge">{{ $badge }}</div>
        @endif

        @if($eyebrow)
            <span class="nova-tag">{{ $eyebrow }}</span>
        @endif

        <h1 class="nova-inner-hero__title">{!! Highlight::word($title, $highlight) !!}</h1>

        @if($lede)
            <p class="nova-inner-hero__lede">{{ $lede }}</p>
        @endif

        @if(! empty($actions))
            <div class="nova-inner-hero__actions">{{ $actions }}</div>
        @endif
    </div>
</section>