<script lang="ts" setup>
defineProps<{
	label?: string
	legend?: string
}>()
</script>

<template>
	<fieldset class="px-1 pt-025 pb-1">
		<legend class="ms-1">
			{{ legend || label }}
		</legend>
		<slot />
	</fieldset>
</template>

<style scoped>

fieldset {
	border: 1px solid var(--bgl-border-color);
	border-radius: var(--bgl-card-border-radius);
	padding: var(--space-md);
}

</style>
