<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 { PitchFX } from './PitchFX';
		import { data } from './data';
	
		const tableSettings: TableSettings<PitchFX> = {
			tableId: 'pfx', 
			themeName: 'light',
			showHeader: true,
			header: 'Barrels',
			showSortDescription: true,
			sortBy: 'launch_speed',
			sortType: 'number',
			sortDir: 'desc',
			tableWrapper: true,
			clickableRows: false,
			animateSorting: false,
			paginated: false
		};
	</script>
	
	<SimpleTable {data} {columnSettings} {tableSettings} />