@props([
    'title',
    'icon' => 'fas fa-plus-circle',
    'color' => 'success',
    'paths' => []
])

<div class="d-flex justify-content-between align-items-center mb-4">
    <h3 class="mb-0 text-{{ $color }} font-weight-bold text-uppercase">
        <i class="{{ $icon }} mr-2"></i>{{ $title }}
    </h3>
    <x-breadcrumbs :paths="$paths" />
</div>