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

{{--
    Breadcrumbs were removed from every screen at the clinic's request
    (2026-08-12). The `breadcrumbs` prop was kept accepted-and-ignored for a
    while so the callers passing one would not break; every one of them has now
    been cleaned up, so the prop is gone (2026-08-13). Do not add it back.

    Nothing is lost from navigation: the sidebar names every section, and a
    screen reached from a listing carries its own explicit way back — a single
    "← <listing>" control, not a trail.
--}}

{{--
    Renders the px page head (2026-08-13).

    Changed here rather than at each call site: the fourteen screens still using
    this component all want the same head, and the module generator's stubs emit
    it too — so a new module gets the current design without anyone remembering
    to. The `clinic-page-header` wrapper stays as the flex container; only what
    it holds is now px.
--}}
<div class="clinic-page-header">
    <div class="min-w-0">
        <h1 class="px-title">{{ $title }}</h1>
        @if ($subtitle)<p class="px-subtitle">{{ $subtitle }}</p>@endif
    </div>

    <div class="d-flex gap-2 flex-wrap">
        {{ $slot }}
    </div>
</div>