{# L'état d'une plante au comptoir, pastille et libellé.

   La classe de couleur vient entière de l'énumération : Tailwind ne génère que
   ce qu'il lit littéralement, et une classe composée ici ne lui donnerait rien
   à lire. #}
<span class="inline-flex items-center gap-2 font-sans text-[0.78rem] font-semibold {{ plant.availability.toneClass }}">
    <span class="h-1.5 w-1.5 rounded-full bg-current" aria-hidden="true"></span>
    {{ plant.availability.label }}
</span>