@props(['header' => null])
<div class="h-full flex flex-col">
    @if($header)
        <div {{ $header->attributes->merge(['class'=>'bg-gray-700 text-white p-3 font-semibold rounded-t-md']) }}>
            {{ $header }}
        </div>
    @endif

    <div {{ $attributes->merge(['class'=>'bg-gray-400 text-gray-800 p-3 flex-grow']) }}>
        {{ $slot }}
    </div>
</div>