{#- A titled panel grouping the fields of a long admin form. No overflow-hidden: the dots
    dropdowns inside must be able to open past its edge. -#}
<div {{ attributes.defaults({class: 'bg-white border border-gray-200 rounded-md'}).without('title') }}>
    <div class="flex items-center justify-between gap-4 px-4 py-2 bg-gray-100 border-b border-gray-200 rounded-t-md font-bold">
        {{ title }}
        {% block actions %}{% endblock %}
    </div>
    <div class="p-4">
        {% block content %}{% endblock %}
    </div>
</div>