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

<div {{ $attributes->merge(['class' => 'bv-page-header']) }}>
    <div>
        @if(count($breadcrumbs))
            <x-ui.breadcrumb :items="$breadcrumbs" />
        @endif
        <h1 class="bv-page-header__title">{{ $title }}</h1>
        @if($subtitle)
            <p class="bv-page-header__subtitle">{{ $subtitle }}</p>
        @endif
    </div>
    @isset($actions)
        <div class="bv-page-header__actions">
            {{ $actions }}
        </div>
    @endisset
</div>