@props([
    'group' => null,   // breadcrumb parent, e.g. "Customers"
    'title' => '',     // page name, e.g. "Subscribers"
    'lead' => null,    // one line of context under the title
])

{{--
    Shared page header: breadcrumb, title and actions.

    Used across the admin so every screen opens the same way — where am I,
    what is this, what can I do here.
--}}
<div class="page-head">
    <div class="page-head__text">
        @if ($group)
            <span class="page-head__crumb">
                {{ $group }} <i class="bi bi-chevron-right"></i> {{ $title }}
            </span>
        @endif

        <h1 class="page-head__title">{{ $title }}</h1>

        @if ($lead)
            <p class="page-head__lead">{{ $lead }}</p>
        @endif
    </div>

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