<template>
  <div class="flex column no-wrap q-mt-lg">
    <div
      v-if="title"
      class="w100 q-my-md q-px-md text-h4 text-bold text-grey text-center"
      >
      {{ $t(title) }}
    </div>
    <div
      v-if="subtitle"
      class="w100 q-mb-md q-px-xl text-h6 text-grey-7 text-center"
      >
      {{ $t(subtitle) }}
    </div>
    <div class="flex w100 justify-center q-pb-md column items-center">
      <slot/>
    </div>
  </div>
</template>

<script setup lang="ts">

  defineProps({
    title: String,
    subtitle: String
  })

</script>

<style scoped>
</style>
