@props([
    'title' => 'Listado',
    'icon' => 'fas fa-list',
    'color' => 'primary',
    'btnNewRoute' => null,
    'btnNewText' => 'Nuevo',
    'btnNewPermission' => null,
    'btnImportRoute' => null,
    'btnImportText' => 'Importar',
    'btnImportPermission' => null
])

<div class="card-header bg-white d-flex align-items-center p-3 border-bottom">
    <h4 class="card-title text-{{ $color }} m-0">
        <i class="{{ $icon }} mr-2"></i> {{ $title }}
    </h4>
    
    <div class="ml-auto d-flex align-items-center">
        @if($btnImportRoute && (!$btnImportPermission || auth()->user()->can($btnImportPermission)))
            <a href="{{ $btnImportRoute }}" class="btn btn-outline-success font-weight-bold shadow-sm mr-2" title="{{ $btnImportText }}">
                <i class="fas fa-file-excel mr-1"></i> {{ $btnImportText }}
            </a>
        @endif

        @if($btnNewRoute && (!$btnNewPermission || auth()->user()->can($btnNewPermission)))
            <a href="{{ $btnNewRoute }}" class="btn btn-{{ $color }} font-weight-bold shadow-sm mr-2" title="{{ $btnNewText }}">
                <i class="fas fa-plus mr-1"></i> {{ $btnNewText }}
            </a>
        @endif
        
        {{ $slot }}
    </div>
</div>