<script setup lang="ts">
import type { StoreData } from '@/models/storeData'
import StoreTabAdminHsequence from '@/views/pages/store/view/StoreTabAdminHsequence.vue'
import StoreTabAdminHsignature from '@/views/pages/store/view/StoreTabAdminHsignature.vue'

// eslint-disable-next-line @typescript-eslint/no-unused-vars
const props = defineProps<Props>()

interface Props {
  storeData: StoreData
}

const currentTab = ref('tab-1')
</script>

<template>
  <VCard>
    <VTabs
      v-model="currentTab"
      grow
      stacked
    >
      <VTab>
        <VIcon
          start
          icon="tabler-123"
        />
        Sequence
      </VTab>

      <VTab>
        <VIcon
          start
          icon="tabler-certificate"
        />
        Signature
      </VTab>
    </VTabs>

    <VCardText style="padding: 5px !important;">
      <VWindow
        v-model="currentTab"
        class="ms-3"
      >
        <VWindowItem value="tab-1">
          <StoreTabAdminHsequence :store-data="storeData" />
        </VWindowItem>
        <VWindowItem value="tab-2">
          <StoreTabAdminHsignature :store-data="storeData" />
        </VWindowItem>
      </VWindow>
    </VCardText>
  </VCard>
</template>
