<script>import Label from './Label.svelte';
export let label = null;
</script>

<div class="UI-FormGroup">
	{#if label}
		<Label>{label}</Label>
	{/if}
	<slot />
</div>

<style>div {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}
div > :global(.UI-Label) {
  margin-bottom: 5px;
  font-weight: bold;
}</style>
