{% comment %}
Cotton Status Badge Component
Converts existing status badge component to use Django Cotton's component system
Preserves canonical status mapping from park_tags
{% endcomment %}

{% load park_tags %}

<!-- Cotton Status Badge Component -->
<c-vars
  status="status|default:'UNKNOWN'"
  badge_classes="badge_classes|default:''"
  size="size|default:'default'"
/>

{% with status_config=status|get_status_config %}
<span class="
  inline-flex items-center rounded-full font-medium
  {% if size == 'sm' %}
    px-2 py-1 text-xs
  {% elif size == 'lg' %}
    px-3 py-2 text-base
  {% else %}
    px-2.5 py-0.5 text-sm
  {% endif %}
  {{ status_config.classes }} {{ badge_classes }}
">
  {% if status_config.icon %}
  <svg class="-ml-0.5 mr-1.5 h-2 w-2" fill="currentColor" viewBox="0 0 8 8">
    <circle cx="4" cy="4" r="3" />
  </svg>
  {% endif %}
  
  <!-- Status Text Content -->
  <c-slot name="status-text">
    {{ status_config.label }}
  </c-slot>
</span>
{% endwith %}