<span class="tag">
	{% if include.flag %}
		{% include "ui/flag.html" flag=include.flag size="xxs" class="tag-flag" %}
	{% elsif include.icon %}
		{% include "ui/icon.html" icon=include.icon size="xxs" class="tag-icon" %}
	{% elsif include.person %}
		{% include "ui/avatar.html" person=include.person size="xxs" class="tag-avatar" %}
	{% elsif include.person-id %}
		{% include "ui/avatar.html" person-id=include.person-id size="xxs" class="tag-avatar" %}
	{% elsif include.payment %}
		{% include "ui/payment.html" provider=include.payment size="xxs" class="tag-payment" %}
	{% elsif include.status %}
		{% include "ui/badge.html" color=include.status class="tag-status badge-dot" text="" %}
	{% elsif include.legend %}
		<span class="legend bg-{{ include.legend }}"></span>
	{% elsif include.checkbox %}
		<input type="checkbox" class="form-check-input tag-check"{% if include.checked %} checked{% endif %}/>
	{% endif %}
	{{ include.text }}
	{% if include.badge %}
		{% include "ui/badge.html" color=include.status class="tag-badge" text=include.badge size="sm" %}
	{% endif %}

	<a href="#" class="btn-close"></a>
</span>