<script setup>
const $props = defineProps({
    url: { type: String, default: null },
    text: { type: String, default: null },
    icon: { type: String, default: 'open_in_new' },
});
</script>
<template>
    <div class="titleBox">
        <div class="header-link">
            <a :href="$props.url" :class="$props.url ? 'link' : 'color-vn-text'">
                {{ $props.text }}
                <QIcon v-if="url" :name="$props.icon" />
            </a>
        </div>
    </div>
</template>
<style scoped lang="scss">
a {
    font-size: large;
}
.titleBox {
    padding-bottom: 2%;
}
</style>
