@props([
 'title' => '',
 'url'   => '',
 'buttonLabel' => 'View All'
])
<div class="card card-warning">
    <div class="card-header {{ $title ? '' : 'd-none' }} ">
        <h4>{{ $title }}</h4>

        <a href="{{ $url }}" class="button-right {{ $url ? '' : 'd-none' }}">
            <x-common.button type="button" class="btn btn-primary">
                {{ $buttonLabel }}</x-common.button>
        </a>
    </div>

    <div class="card-body">
        {{ $slot }}
    </div>
</div>