<script lang="ts">
import { m } from '$lib/paraglide/messages.js';

let { variant }: { variant: 'additive' | 'replace' } = $props();

const text = $derived(
	variant === 'additive' ? m.bulk_edit_badge_additive() : m.bulk_edit_badge_replace()
);
</script>

<span
	data-testid="field-label-badge-{variant}"
	class="ml-2 inline-flex items-center rounded-sm bg-muted px-1.5 py-0.5 text-[11px] font-medium tracking-wide text-ink-2"
>
	{text}
</span>
