@php
    $content = $data['content'] ?? [];
    $classes = $content['classes'] ?? $data['classes'] ?? ['col-md-12'];
    $classString = is_array($classes) ? implode(' ', $classes) : $classes;
    $children = $data['children'] ?? [];
    $styles = $data['styles'] ?? [];

    $styleString = '';
    if (is_array($styles) && !empty($styles)) {
        $styleParts = [];
        foreach ($styles as $property => $value) {
            $styleParts[] = $property . ': ' . $value;
        }
        $styleString = 'style="' . implode('; ', $styleParts) . '"';
    }
@endphp

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