<script setup lang="ts">
defineProps({
  title: {
    type: String,
    required: true,
  }
});
</script>

<template>
  <a-row type="flex" justify="space-between" :align="'middle'">
    <a-col>
      <h1 class="title">{{ title }}</h1>
    </a-col>
    <a-col>
      <slot></slot>
    </a-col>
  </a-row>
  <a-divider class="divider" />
</template>

<style scoped lang="scss">
h1.title {
  font-size: 1.75em;
}

.divider {
  margin-top: 1em;
}
</style>