@props(['subtitle', 'title', 'highlight' => null])

<div class="w-full text-left mb-10 border-l-4 border-lime-600 dark:border-neon-lime pl-6 py-2">
    <h2 class="text-neutral-600 dark:text-neutral-400 text-sm font-bold uppercase tracking-widest mb-1">{{ $subtitle }}</h2>
    <h1 class="font-black text-4xl md:text-5xl text-black dark:text-white uppercase italic">
        {{ $title }}
        @if($highlight)
            <span class="text-transparent bg-clip-text bg-gradient-to-r from-neutral-900 dark:from-white to-lime-500 dark:to-gray-500 pe-2">{{ $highlight }}</span>
        @endif
    </h1>
</div>