<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>

<div class={cn('rounded-xl border border-(--color-border) bg-(--color-surface-2)/50', className)}>
	{@render children?.()}
</div>
