@props(['subheading' => false, 'right_side' => false])

<div class="px-4 py-2 sm:px-6 border-b border-gray-100 flex justify-between">
    <div>
        <h3 {{ $attributes->merge(['class' => 'text-base font-semibold leading-7 text-gray-900']) }}>{{ $slot }}</h3>
        @if($subheading)
            <p {{ $subheading->attributes->merge(['class' => 'mt-.5 max-w-2xl text-sm leading-6 text-gray-500']) }}>{{ $subheading }}</p>
        @endif
    </div>
    @if($right_side)
        <div {{ $right_side->attributes->merge([]) }}>
            {{ $right_side }}
        </div>
    @endif
</div>