<template>
  <div>
    <h3 class="text-sm mb-2">
      {{ name }} <span v-if="required" class="text-error">*</span>
    </h3>

    <fieldset>
      <slot></slot>
    </fieldset>
  </div>
</template>

<script setup>
defineProps({
  name: {
    type: String,
    required: true,
  },

  required: {
    type: Boolean,
    default: false,
  }
});
</script>
