<template>
  <div>
    <n-modal
      v-model:show="showModal"
      style="width: 80%; height: 700px"
      :show-icon="false"
      preset="dialog"
      :title="title"
    >
      <Index :groupId="groupId" />
    </n-modal>
  </div>
</template>

<script lang="ts" setup>
  import { ref } from 'vue';
  import Index from './exchangeRecordTable.vue';

  const showModal = ref(false);
  const title = ref('兑换记录');

  interface Props {
    groupId?: number | string;
  }
  const props = withDefaults(defineProps<Props>(), { groupId: 0 });

  function openDrawer() {
    showModal.value = true;
  }
  defineExpose({ openDrawer });
</script>

<style scoped></style>
