{# Shown under both mail editors, so an admin meets the same syntax in each of them. #}
<div class="text-sm text-gray-500">
    <div class="pb-2">
        Formatierung der Nachricht:
    </div>
    <div class="flex flex-wrap gap-2">
        {% for example, label in {
            '**fett**': 'fett',
            '*kursiv*': 'kursiv',
            '## Überschrift': 'Überschrift',
            '- Punkt': 'Aufzählung',
            '1. Punkt': 'Nummerierung',
        } %}
            <span class="inline-flex items-center space-x-1 py-1 px-2 bg-gray-50 border border-gray-200 rounded">
                <code>{{ example }}</code>
                <span>{{ label }}</span>
            </span>
        {% endfor %}
    </div>
    <div class="pt-2">
        Eine Leerzeile beginnt einen neuen Absatz, Links und E-Mail-Adressen werden
        automatisch verlinkt.
    </div>
</div>