<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-sm bg-background-subtle px-2 py-0.5 font-mono typography-monospace-regular text-foreground-default {className ??
		''}"
>
	{@render children()}
</span>
