{%- assign el = 'span' -%}
<{{ el }} class="badge{% if include.scale %} badge-{{ include.scale }}{% endif %}{% if include.color %} bg-{{ include.color }}{% if include.light %}-lt{% endif %} text-{{ include.color }}{% if include.light %}-lt{% endif %}-fg{% endif %}{% if include.class %} {{ include.class }}{% endif %}">
{%- if include.icon -%}
	 {%- assign icon = include.icon -%}
	 {% include "ui/icon.html" icon=icon %}
{%- endif -%}
{%- if include.person-id -%}
    {%- assign person-id = include.person-id | minus: 1 -%}
    {%- assign person = people[person-id] -%}
    {%- assign src = person.photo -%}
    {%- unless src -%}
        {%- assign placeholder = person.full_name | first_letters -%}
    {%- endunless -%}
    <{{ el }} class="avatar" style="background-image: url({{ page | relative }}/{{ src }})">{% unless src %}{{ person.full_name | first_letters }}{% endunless %}</{{ el }}>
{%- endif -%}
{%- if include.text -%}
    {{ include.text }}
{%- else -%}
    {{ person.full_name }}
{%- endif -%}
{% if include.addon %}<{{ el }} class="badge-addon {% if include.addon-color%}bg-{{ include.addon-color }}{% endif %}">{{ include.addon }}</{{ el }}>{% endif -%}
</{{ el }}>
