<div class="container-wrapper" data-component-id="{component.id}">
    <!-- Title Slot (Scoped) -->
    <!-- Parent can access: {context.containerId}, {context.hasContent} -->
    <slot name="title">
        <h2>Container Title</h2>
    </slot>

    <!-- Default Slot (Unnamed) -->
    <!-- All unnamed content goes here -->
    <slot>
        <div class="empty-container">
            <p>No content provided</p>
        </div>
    </slot>

    <!-- Actions Slot (Optional) -->
    <slot name="actions"></slot>
</div>
