{% load i18n wagtailadmin_tags %}
<div class="w-py-6 w-space-y-3">
    <section class="w-flex w-space-x-3">
        <div class="w-flex w-flex-1">
            <div class="w-flex w-flex-col w-flex-1 w-pr-5">
                <h3 class="w-label-1 !w-mt-0 w-mb-1">
                    {% trans "Usage" %}
                </h3>
            </div>
            {% fragment as usage_label %}
                {% if usage_url_text %}
                    {{ usage_url_text }}
                {% else %}
                    {% blocktrans trimmed with counter=usage_count usage_count=usage_count|intcomma count counter=counter %}Used {{ usage_count }} time{% plural %}Used {{ usage_count }} times{% endblocktrans %}
                {% endif %}
            {% endfragment %}
            {% if usage_url %}
                <a class="w-text-14 w-text-text-link-default hover:w-text-text-link-hover w-no-underline w-transition"
                   href="{{ usage_url }}"
                >
                    {{ usage_label }}
                </a>
            {% else %}
                <span>{{ usage_label }}</span>
            {% endif %}
        </div>
    </section>
</div>