@props([
    'title',
    'description' => null,
    'breadcrumbs' => [],
    'actions' => null,
])

@if (! empty($breadcrumbs))
    <nav aria-label="Breadcrumb">
        <ol class="breadcrumb">
            @foreach ($breadcrumbs as $label => $url)
                <li>
                    @if ($url && ! $loop->last)
                        <a href="{{ $url }}">{{ $label }}</a>
                    @else
                        <span aria-current="page">{{ $label }}</span>
                    @endif
                </li>
            @endforeach
        </ol>
    </nav>
@endif

<div class="page-header">
    <div class="page-header__text">
        <h1 class="page-header__title">{{ $title }}</h1>
        @if ($description)
            <p class="page-header__description">{{ $description }}</p>
        @endif
    </div>

    @if ($actions)
        <div class="page-header__actions">{{ $actions }}</div>
    @endif
</div>