<script setup>
import { VTabs } from "vuetify/components";
defineOptions({
  inheritAttrs: false
});
const props = defineProps({
  flat: { type: Boolean, required: false }
});
const currentTab = defineModel({ type: [String, Number] });
</script>

<template>
  <v-card :flat="props.flat">
    <v-tabs
      v-bind="$attrs"
      v-model="currentTab"
      show-arrows
    >
      <slot name="tabs" />
    </v-tabs>
    <v-card-text>
      <v-tabs-window v-model="currentTab">
        <slot name="items" />
      </v-tabs-window>
    </v-card-text>
  </v-card>
</template>
