<script setup lang="ts">
import { useDataStore } from "@/modules/06_retirement/store/resignMain";

import Table from "@/modules/06_retirement/components/02_resign/Table.vue";

const stroe = useDataStore();
</script>

<template>
  <div class="toptitle text-dark col-12 row items-center">รายการลาออก</div>
  <div>
    <q-card flat bordered class="col-12">
      <q-tabs
        v-model="stroe.mainTabs"
        dense
        align="left"
        inline-label
        class="rounded-borders"
        indicator-color="primary"
        active-bg-color="teal-1"
        active-class="text-primary"
      >
        <q-tab name="1" label="ขอลาออก" />
        <q-tab name="2" label="ขอยกเลิกลาออก" />
      </q-tabs>
      <q-separator />
      <div>
        <q-tab-panels v-model="stroe.mainTabs" animated>
          <q-tab-panel name="1"> <Table /> </q-tab-panel>

          <q-tab-panel name="2"> <Table /> </q-tab-panel>
        </q-tab-panels>
      </div>
    </q-card>
  </div>
</template>

<style scoped></style>
