{% load allauth %}
<div class="mb-4 rounded-xl border border-slate-200 bg-white shadow-sm">
    <div class="p-6">
        <h5 class="text-lg font-semibold text-slate-900">
            {% slot title %}
            {% endslot %}
        </h5>
        {% slot body %}
        {% endslot %}
    </div>
    {% if slots.actions %}
        <div class="flex flex-wrap justify-end gap-2 border-t border-slate-200 bg-slate-50 p-4">
            {% slot actions %}
            {% endslot %}
        </div>
    {% endif %}
</div>