@props(['title' => null, 'hint' => null])
<section {{ $attributes->merge(['class' => 'admin-card p-5 sm:p-6']) }}>
    @if($title)
        <div class="mb-4 flex items-start justify-between gap-3 border-b border-[var(--color-admin-border)] pb-3">
            <div>
                <h2 class="text-[0.95rem] font-semibold text-[#202223]">{{ $title }}</h2>
                @if($hint)<p class="mt-1 text-xs text-[#6d7175]">{{ $hint }}</p>@endif
            </div>
        </div>
    @endif
    {{ $slot }}
</section>