@props([
    'title',
    'subtitle' => null,
    'icon' => null,
    'actionsClass' => 'd-flex flex-wrap gap-2 justify-content-end',
])

<div class="page-header">
    <div>
        <h1 class="page-title">
            @if($icon)
                <i class="{{ $icon }} me-2 text-primary"></i>
            @endif
            {{ $title }}
        </h1>
        @if($subtitle)
            <p class="page-subtitle">{{ $subtitle }}</p>
        @endif
    </div>

    @isset($actions)
        <div class="{{ $actionsClass }}">
            {{ $actions }}
        </div>
    @endisset
</div>