<script setup>
defineProps({
  title: { type: String, required: true },
  subtitle: { type: String, default: '' }
})
</script>

<template>
  <div class="section-title">
    <span class="title-dots" aria-hidden="true"><i></i><i></i></span>
    <h2>{{ title }}</h2>
    <span class="title-dots" aria-hidden="true"><i></i><i></i></span>
    <p v-if="subtitle">{{ subtitle }}</p>
  </div>
</template>
