src/lib/components/match-table/data-table-plain-header.svelte

<script lang="ts">
	import { cn } from '$lib/utils';

	interface Props {
		label: string;
		align?: 'start' | 'end';
		class?: string;
	}

	let { label, align = 'start', class: className }: Props = $props();
</script>

<span
	class={cn(
		'inline-block px-2 text-[0.7rem] font-medium tracking-wide text-muted-foreground uppercase',
		align === 'end' && 'w-full text-right',
		className
	)}
>
	{label}
</span>