@props(['heading' => false, 'subheading' => false])
<div class="overflow-hidden bg-white shadow sm:rounded-lg">
    @if($heading)
        <div class="px-4 py-6 sm:px-6 border-b border-gray-100"> <!-- HEADING -->
            <h3 class="text-base font-semibold leading-7 text-gray-900">{{ $heading }}</h3>
            @if($subheading)
                <p class="mt-1 max-w-2xl text-sm leading-6 text-gray-500">{{ $subheading }}</p>
            @endif
        </div>
    @endif

    {{ $slot }}

</div>