@props(['icon', 'title', 'modalTarget' => null, 'addModalTarget' => null])

<div class="cv2-section__header">
    <div class="cv2-section__title-group">
        <span class="cv2-section__icon">
            <i class="bi bi-{{ $icon }}"></i>
        </span>
        <h2 class="cv2-section__title">{{ $title }}</h2>
    </div>
    <div class="d-flex gap-2">
        @if ($addModalTarget)
            <button type="button"
                class="cv2-btn cv2-btn--add"
                data-bs-toggle="modal"
                data-bs-target="#{{ $addModalTarget }}"
                aria-label="Adicionar {{ $title }}">
                <i class="bi bi-plus-lg"></i>
                <span>Adicionar</span>
            </button>
        @endif
        @if ($modalTarget)
            <button type="button"
                class="cv2-btn cv2-btn--edit"
                data-bs-toggle="modal"
                data-bs-target="#{{ $modalTarget }}"
                aria-label="Editar {{ $title }}">
                <i class="bi bi-pencil"></i>
                <span>Editar</span>
            </button>
        @endif
    </div>
</div>