@php
    $containerSettings = $data['content']['containerSettings'] ?? [];
    $width = $containerSettings['width'] ?? 'container';
    $background = $containerSettings['background'] ?? [];
    $minHeight = $containerSettings['minHeight'] ?? null;
    $minHeightUnit = $containerSettings['minHeightUnit'] ?? 'px';
    $padding = $containerSettings['padding'] ?? null;
    $children = $data['children'] ?? [];

    // Convert width to CSS class
    $widthClass = $width === 'full' ? 'container-fluid' : 'container';

    // Build inline styles
    $styles = [];
    if (isset($background['type']) && $background['type'] === 'color' && isset($background['color'])) {
        $styles[] = 'background-color: ' . $background['color'];
    }
    if ($minHeight) {
        $styles[] = 'min-height: ' . $minHeight . $minHeightUnit;
    }
    if ($padding) {
        $styles[] = 'padding: ' . $padding;
    }
    $styleAttr = !empty($styles) ? 'style="' . implode('; ', $styles) . '"' : '';
@endphp

<div class="{{ $widthClass }}" {!! $styleAttr !!}>
    @if(!empty($children))
        @foreach($children as $child)
            @include('themes.dynamic.components.component-renderer', ['componentData' => $child])
        @endforeach
    @endif
</div>