<script>import { BEM } from "../../models/BEM";
const bm = new BEM('UI-Group');
bm.append($$props.class);
export let gap = 5;
export let directionColumn;
</script>
<div class={bm.toString()} style={$$props.style} style:--gap="{gap}px" class:directionColumn>
	<slot/>
</div>
<style>.UI-Group {
  display: flex;
  gap: var(--gap);
  align-items: center;
}

.directionColumn {
  flex-direction: column;
}</style>
