<script setup lang="ts">
withDefaults(
    defineProps<{
        text: string;
        color?: string;
    }>(),
    {
        color: 'primary',
    },
);
</script>

<template>
    <p class="text-overline mb-1" :class="`text-${color}`">
        {{ text }}
    </p>
</template>
