fnx_web/svelte/src/layout/SortButton.svelte

<script lang="ts">
export let field = ""
export let active_field = ""
export let asc = true
export let sort_func: (field: string) => void
</script>

<button class:button_highlight={active_field === field} on:click={() => sort_func(field)}>
	{#if active_field === field}
		{#if asc}↓{:else}↑{/if}
	{/if}
	<slot></slot>
</button>

<style>
button {
	display: block;
	margin: 0;
	line-height: 1em;
	width: 100%;
	text-align: center;
}
</style>