<div class="card-wrapper" data-component-id="{component.id}">
    <!-- Header Slot -->
    <slot name="header">
        <div class="card-header-default">
            <h3>Default Card Title</h3>
        </div>
    </slot>

    <!-- Body Slot (Required) -->
    <slot name="body">
        <!-- This will cause validation error if not provided -->
    </slot>

    <!-- Footer Slot (Optional) -->
    <slot name="footer"></slot>
</div>
