<template>
	<span v-if="field === currentSort" class="sort-icon">
		{{ sortAsc ? '\u25B2' : '\u25BC' }}
	</span>
</template>

<script setup>
defineProps({
	field: {
		type: String,
		required: true,
	},
	currentSort: {
		type: String,
		required: true,
	},
	sortAsc: {
		type: Boolean,
		required: true,
	},
})
</script>

<style scoped>
.sort-icon {
	font-size: 0.75em;
	margin-left: 4px;
	opacity: 0.7;
}
</style>
