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

	let {
		class: className,
		children
	}: {
		class?: string;
		children: Snippet;
	} = $props();
</script>

<div
	class={cn(
		'flex flex-wrap items-center justify-between gap-2 border-b border-border px-3 py-2',
		className
	)}
>
	{@render children()}
</div>
