{% extends "pudding/base.html" %}

{% block main %}
    <div class="flex flex-col min-h-screen max-w-[96rem] mx-auto">
        <div class="header-bar">
            {{ breadcrumbs }}
            <div x-data class="flex gap-2 [&_div]:flex [&_div]:gap-2">
                {{ header_actions }}
            </div>
        </div>

        {{ view_area }}

    </div>
{% endblock main %}