<script lang="ts">
	interface Props {
		event: string;
		format?: string;
	}
	let { event, format }: Props = $props();
</script>

<div class="flex max-w-[16rem] min-w-0 flex-col">
	<span class="truncate text-sm font-medium" title={event}>{event}</span>
	{#if format}
		<span class="text-[0.65rem] tracking-wide text-muted-foreground/70 uppercase">{format}</span>
	{/if}
</div>
