<script lang="ts">
import SimpleTable from '@a-luna/svelte-simple-tables';
import type { TableSettings } from '@a-luna/svelte-simple-tables/types';
import { columnSettings } from './columnSettings';
import type { VaxData } from './VaxData';
import { data } from './data';
const tableSettings: TableSettings<VaxData> = {
tableId: 'vax-status-table',
themeName: 'darker',
showHeader: true,
header: 'Vax Status',
showSortDescription: true,
sortBy: 'age',
sortType: 'number',
sortDir: 'desc',
tableWrapper: false,
clickableRows: 'false',
animateSorting: 'true',
paginated: true,
pageSize: 10,
pageSizeOptions: [5,10,15,20,25],
pageRangeFormat: 'compact',
pageNavFormat: 'compact',
rowType: 'vax records'
};
</script>
<SimpleTable {data} {columnSettings} {tableSettings} />