<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} />