{% block component_product_badges %}
<div class="product-badges absolute left-2 top-2 z-10 leading-none">
{% set classes = 'inline-block text-xs font-semibold py-[2px] px-2 rounded-sm' %}
{% if product.extensions.labelData.label == "sale" %}
<div class="product-label bg-red-700 text-white {{ classes }}">{{ product.extensions.labelData.text }}</div>
{% elseif product.extensions.labelData.label == "property" %}
<div class="product-label bg-black text-white {{ classes }}"
style="background-color: {{ product.extensions.labelData.color }};">{{ product.extensions.labelData.text }}</div>
{% elseif product.extensions.labelData.label == "NEW" %}
<div class="product-label bg-black text-white {{ classes }}">{{ product.extensions.labelData.text }}</div>
{% endif %}
</div>
{% endblock %}