@props([
    'title' => '',
    'crumbs' => [],         // array of [label, href?] — last item is treated as active
    'action' => null,       // raw HTML string for the right-side action (e.g. button)
])

<div {{ $attributes->class(['ds-pagetitle d-flex align-items-center justify-content-between flex-wrap gap-3']) }}>
    <div>
        <h1>{{ $title }}</h1>
        @if (!empty($crumbs))
            <nav aria-label="breadcrumb">
                <ol class="breadcrumb mb-0">
                    @foreach ($crumbs as $i => $crumb)
                        @php
                            $label  = $crumb[0] ?? '';
                            $href   = $crumb[1] ?? null;
                            $isLast = $i === array_key_last($crumbs);
                        @endphp
                        <li class="breadcrumb-item {{ $isLast ? 'active' : '' }}"
                            @if ($isLast) aria-current="page" @endif>
                            @if ($href && !$isLast)
                                <a href="{{ $href }}">{{ $label }}</a>
                            @else
                                {{ $label }}
                            @endif
                        </li>
                    @endforeach
                </ol>
            </nav>
        @endif
    </div>

    @if ($action !== null || isset($slot) && !$slot->isEmpty())
        <div class="ds-pagetitle-actions d-flex gap-2 align-items-center">
            @if ($action !== null)
                {!! $action !!}
            @else
                {{ $slot }}
            @endif
        </div>
    @endif
</div>