{{--
    The region of a listing that filtering replaces.

    Wraps the table and its pagination. The filter form stays outside it, which
    is what keeps focus and the caret position in the search box while results
    change underneath.

    The live region is not decoration: a swap that changes forty rows is
    completely silent to a screen reader, and a receptionist searching for a
    patient by phone has no way to know whether anything happened.

    Usage:
        <x-results>
            <div class="px-panel overflow-hidden">
                <div class="table-responsive">…table…</div>
                @if ($patients->hasPages()) …px-pagination… @endif
            </div>
        </x-results>
--}}
<div data-clinic-results {{ $attributes->merge(['class' => 'clinic-results']) }}>
    {{-- The announcement's wording travels with the markup.

         It has to be translated, and the script has no translations of its own
         — reaching for a helper that does not exist is what made every filter
         change reload the page. An attribute the server has already localised
         needs no payload, no lookup table and no second place to keep in step
         with the language files. --}}
    <span class="visually-hidden" role="status" aria-live="polite"
          data-clinic-results-status="{{ __('common.results_count') }}"></span>

    {{ $slot }}
</div>