<template>
    <TabGroup as="div">
        <div class="flex space-x-2" v-if="$slots.tabs">
            <slot name="tabs" />
        </div>
        <TabPanels class="mt-4">
            <slot />
        </TabPanels>
    </TabGroup>
</template>

<script setup lang="ts">
import { TabGroup, TabPanels } from '@headlessui/vue'
</script>