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

<div class="relative mb-6">
    <flux:heading size="xl" level="1">{{ $title }}</flux:heading>

    @isset($breadcrumb['route'])
    <div class="mt-3">
        {{ Breadcrumbs::render($breadcrumb['route'], $breadcrumb['id'] ?? null) }}
    </div>
    @endisset

    <flux:separator variant="subtle" class="mt-6" />
</div>