<script lang="ts">
	let { children, class: className = '' } = $props<{
		children: import('svelte').Snippet;
		class?: string;
	}>();
</script>

<div class="bg-[var(--color-card)] border border-[var(--color-border)] rounded-lg p-4 {className}">
	{@render children()}
</div>
