@props(['title' => '', 'summary' => '', 'url' => null, 'urlText' => '', 'icon' => 'cil-list', 'btnClass' => 'btn-primary'])

<div class="d-flex justify-content-between align-items-center mb-3">
    <div>
        <h4 class="card-title mb-0">{{ $title ?? '' }}</h4>
        @if(!empty($summary))
            <div class="small text-medium-emphasis">{{ $summary }}</div>
        @endif
    </div>
    
    <div class="btn-toolbar d-none d-md-block" role="toolbar">
        {{ $prependSlot ?? '' }}

        @if($url)
            <a href="{{ $url }}" class="btn btn-sm {{ $btnClass }}">
                <i class="{{ $icon }} me-1"></i> {{ $urlText }}
            </a>
        @endif

        {{ $slot }}
    </div>
</div>
<hr class="opacity-25">