@props(['title' => null, 'subtitle' => null, 'padding' => 'p-5'])

{{-- `p-0` is for a card wrapping a table: the heading still needs its inset,
     and the table's rows need room for the theme's row shadows --}}
@php($flush = $padding === 'p-0')

<div {{ $attributes->class(['intro-y box', $padding]) }}>
    @if ($title || isset($actions))
        <div
            class="flex flex-wrap items-start justify-between gap-3 {{ $flush ? 'px-5 pt-5' : '' }} {{ $slot->isNotEmpty() ? 'border-b border-slate-200/60 pb-5 mb-5' : '' }}">
            <div>
                @if ($title)
                    <h2 class="font-medium text-base">{{ $title }}</h2>
                @endif
                @if ($subtitle)
                    <p class="mt-1 text-slate-500">{{ $subtitle }}</p>
                @endif
            </div>

            @isset($actions)
                <div class="flex items-center gap-3">{{ $actions }}</div>
            @endisset
        </div>
    @endif

    @if ($flush && $title)
        <div class="px-5 pb-3">{{ $slot }}</div>
    @else
        {{ $slot }}
    @endif
</div>