<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(--border-color);
		border-radius: var(--card-border-radius);
		padding: var(--space-md);
	}
</style>
