<script lang="ts">
	import Label from "$lib/components/ui/label/label.svelte";
	import { cn } from "$lib/utils";

	let {
		label,
		labelCls = "pl-2",
		wrapperCls = "",
		children,
	}: {
		label: string;
		labelCls?: string;
		wrapperCls?: string;
		children?: any;
	} = $props();
</script>

<div class={cn("flex w-full flex-col gap-2", wrapperCls)}>
	<Label class={cn(labelCls)}>{label}</Label>
	{@render children?.()}
</div>
