<template>
  <div class="button-group">
    <slot />
  </div>
</template>

<script setup lang="ts">
// ButtonGroup 组件用于水平排列多个按钮
</script>

<style scoped>
.button-group {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 0.75rem;
  flex-wrap: wrap;
}

/* 确保按钮之间有合适的间距 */
.button-group > * {
  flex-shrink: 0;
}
</style> 