<script lang="ts">
	import type { Snippet } from 'svelte';

	const {
		children,
		color = 'rgb(134 239 172)',
		class: className = '',
		'text-size': textSize = 'text-xs'
	}: { children: Snippet; color?: string; class?: string; 'text-size'?: string } = $props();
</script>

<span
	class="px-2 py-1 rounded-lg forced-color-adjust-none bg-green-300 {className} {textSize}"
	style="print-color-adjust: exact !important; background-color: {color};"
>
	{@render children()}
</span>
