@props([
    'title' => null,
    'padding' => 'p-6',
])
<div {{ $attributes->merge(['class' => 'rounded-lg border border-line bg-surface shadow-xs']) }}>
    @if ($title)
        <div class="border-b border-line px-6 py-3">
            <h2 class="text-xs font-semibold uppercase tracking-wide text-faint">{{ $title }}</h2>
        </div>
    @endif
    <div class="{{ $padding }}">
        {{ $slot }}
    </div>
</div>