<template>
  <div class="tab-panels-container">
    <slot></slot>
  </div>
</template>

<script lang="ts" setup>
// No specific script logic for VTabPanels, it's a simple layout component.
// Name is set for component identification in Vue Devtools.
defineOptions({
  name: 'VTabPanels',
});
</script>

<style lang="scss" scoped>
.tab-panels-container {
  // This container wraps all VTabPanel components.
  // It might have padding or other layout styles if needed.
  // For example, if VTabPanel components don't have their own padding:
  // padding: 1rem;
  // border: 1px solid #dee2e6; // Example border matching tab-list
  // border-top: none; // Avoid double border if tab-list has bottom border
  // border-radius: 0 0 0.25rem 0.25rem; // Match overall tabs radius if any
}
</style>
