{% comment %}
Status badge for social account connection state.
Usage: {% include "social_accounts/partials/_status_badge.html" with status=account.connection_status %}
{% endcomment %}
{% if status == "connected" %}
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-green-50 text-green-700 ring-1 ring-inset ring-green-600/10">
    <span class="w-1.5 h-1.5 rounded-full bg-green-500"></span>
    Connected
</span>
{% elif status == "token_expiring" %}
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-yellow-50 text-yellow-700 ring-1 ring-inset ring-yellow-600/10">
    <span class="w-1.5 h-1.5 rounded-full bg-yellow-500"></span>
    Token Expiring
</span>
{% elif status == "disconnected" %}
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-stone-100 text-stone-600 ring-1 ring-inset ring-stone-500/10">
    <span class="w-1.5 h-1.5 rounded-full bg-stone-400"></span>
    Disconnected
</span>
{% elif status == "error" %}
<span class="inline-flex items-center gap-1.5 px-2.5 py-0.5 rounded-full text-xs font-semibold bg-red-50 text-red-700 ring-1 ring-inset ring-red-600/10" {% if error %}title="{{ error }}"{% endif %}>
    <span class="w-1.5 h-1.5 rounded-full bg-red-500"></span>
    Error
</span>
{% endif %}