<script lang="ts" setup>
  import { BasicTable, useTable } from '/@/components/Table';
  import { list, topicTableColumn } from './topic';

  const [register] = useTable({
    title: 'Topic',
    showIndexColumn: false,
    dataSource: list,
    columns: topicTableColumn,
    bordered: true,
    showTableSetting: true,
  });
</script>

<template>
  <section class="bg-gray-100 p-4 dark:bg-dark-900 w-full h-full">
    <BasicTable @register="register" />
  </section>
</template>