<template>
  <div role="tablist" class="tab-list">
    <slot></slot>
  </div>
</template>

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

<style lang="scss" scoped>
.tab-list {
  display: flex;
  // Example styling:
  border-bottom: 1px solid #dee2e6; // Standard Bootstrap-like border
  margin-bottom: 0; // Remove any default margin if needed
  // Prevent scrolling if tabs overflow, or add scroll styling
  // overflow-x: auto;
  // white-space: nowrap;
}
</style>
