{% set product_attributes = hookable_metadata.context.mapped_product_attributes %}

<div class="tab-pane {% if hookable_metadata.configuration.active|default(false) %}show active{% endif %}" id="product-attributes" role="tabpanel" tabindex="0">
    <div class="card mb-3">
        <div class="card-header">
            <h2 id="product-attributes" class="card-title">
                {{ 'sylius.ui.attributes'|trans }}
            </h2>
        </div>
        {% hook 'attributes' with { product_attributes } %}
    </div>
</div>