<script setup lang="ts">
defineProps<{
  label: string
}>()
</script>
<template>
  <div class="app-form-control">
    <label>
      {{ label }}
      <slot></slot>
    </label>
  </div>
</template>
<style lang="css">
.app-form-control {
  flex-grow: 1;
  margin: 0.5rem;
}

.app-form-control>label {
  display: flex;
  flex-direction: column;
  font-size: 0.9rem;
  font-weight: 700;
}
</style>
