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

	interface Props {
		class?: string;
		children: Snippet;
	}

	let { class: className, children }: Props = $props();
</script>

<span
	class="inline-flex items-center rounded-md bg-background-subtle px-xs py-3xs typography-monospace-regular font-normal text-foreground-default {className ??
		''}"
>
	{@render children()}
</span>