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

<section class="mb-7">
    <div class="mb-3 flex items-center justify-between">
        <h2 class="text-lg font-bold tracking-tight">{{ $title }}</h2>
        @if($more)
            <a href="{{ $more }}" class="flex items-center gap-0.5 text-sm font-medium text-qr-muted hover:text-qr-accent-light">
                Lihat semua <x-icon name="chevron-right" class="w-4 h-4"/>
            </a>
        @endif
    </div>
    <div class="rail-track scrollbar-hide">
        {{ $slot }}
    </div>
</section>