{{-- Uma área do tema, onde os módulos são soltos. Espera $area. --}}

<div id="theme-container-{{ $area['id'] }}"
     data-id="{{ $area['id'] }}"
     data-size="{{ $area['size'] }}"
     class="theme-container empty container-size-{{ $area['size'] }}"
     style="min-height: {{ $area['min'] }}px">

    <div class="theme-container-overlay">
        <span>
            <i class="fa-solid fa-ban"></i>
            <div>{{ __('site.customize_cannot_place') }}</div>
        </span>
    </div>

    <div class="theme-container-placeholder {{ $area['row'] === 'group' ? 'align-top' : '' }}">
        {{ __($area['label']) }}
    </div>
</div>