{% macro tooltip(text, placement = null, cc = null) %}
    data-bs-toggle="tooltip" data-bs-title="{{ text }}" {{ placement ? 'data-bs-placement=' ~ placement ~ '' : '' }} {{ cc ? 'data-bs-container="' ~ cc ~ '"' : '' }}
{% endmacro %}

{% macro keystroke(keys) %}
    {% set amount = keys|length %}
    {% for key in keys %}
        <kbd>{{ key }}</kbd>
    {% endfor %}
{% endmacro %}

{% macro badge(text, type) %}
    <span class="badge bg-{{ type }}">{{ text }}</span>
{% endmacro %}

{% macro alert(message, type) %}
    <div class="alert alert-{{ type }} alert-dismissible fade show" role="alert">
        {{ message }}
        <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
    </div>
{% endmacro %}

{% macro form_row(form_row, label_class, widget_class) %}
    <div class="mb-3">
        {{ form_label(form_row, null, {'label_attr': {'class': label_class|default('form-label')}}) }}
        {{ form_widget(form_row, {'attr': {'class': widget_class|default('form-control')}}) }}
        {{ form_errors(form_row) }}
    </div>
{% endmacro %}