{% trans_default_domain 'admin' %}
{# Placeholder a row's actions dropdown shows while it fetches its entries.

   Mirrors the shape of _list_actions_menu (icon square + label per line) at
   roughly the height a real menu ends up, so the popover does not open as a
   sliver and then jump. The staggered bar widths keep it from reading as a
   table. Decorative, so it is hidden from screen readers — they get the status
   line instead. #}
<div class="py-1">
    {# Plain `animate-pulse`, not `motion-safe:animate-pulse`: the variant is not
       in any tenant's compiled CSS until Tailwind re-scans, and a missing
       variant means no animation at all — a silent regression rather than a
       loud one. This matches the pulse used elsewhere in the admin. #}
    <div class="animate-pulse" aria-hidden="true">
        {% for width in ['w-28', 'w-20', 'w-32', 'w-24', 'w-16'] %}
            <div class="mx-1 my-0.5 flex items-center gap-x-1.5 rounded-md px-2 py-1.5">
                <span class="size-4 shrink-0 rounded bg-gray-200 dark:bg-white/10"></span>
                <span class="h-2 {{ width }} rounded bg-gray-200 dark:bg-white/10"></span>
            </div>
        {% endfor %}
    </div>
    <span class="sr-only" role="status">{{ 'list.actionsLoading'|trans }}</span>
</div>
