<script setup lang="ts">
type Props = {
    title: string;
    description?: string;
    variant?: 'default' | 'small';
};

withDefaults(defineProps<Props>(), {
    variant: 'default',
});
</script>

<template>
    <header :class="['c-heading', { 'c-heading--small': variant === 'small' }]">
        <h2 class="c-heading__title">
            {{ title }}
        </h2>
        <p v-if="description" class="c-heading__description">
            {{ description }}
        </p>
    </header>
</template>
