<template>
  <article class="z-2 card flex-col gap-sm">
    <component :is="titleTag ?? 'h3'">{{ title }}</component>
    <slot />
  </article>
</template>

<script setup lang="ts">
type Props = {
  title : string
  titleTag ?: 'strong' | 'h3'
}

defineProps<Props>()
</script>