<script lang="ts">
	import type { Snippet } from 'svelte';
	import { cn } from '$lib/utils';

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

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

<h3 class={cn('font-semibold leading-none tracking-tight text-(--color-text)', className)}>
	{@render children?.()}
</h3>
