<script setup>
defineProps({
    url: { type: String, default: null },
    text: { type: String, default: null },
    icon: { type: String, default: 'open_in_new' },
});
</script>
<template>
    <div :class="$q.screen.gt.md ? 'q-pb-lg' : 'q-pb-md'">
        <div class="header-link" :style="{ cursor: url ? 'pointer' : 'default' }">
            <a :href="url" :class="url ? 'link' : 'color-vn-text'" v-bind="$attrs">
                {{ text }}
                <QIcon v-if="url" :name="icon" />
            </a>
        </div>
    </div>
</template>
<style scoped lang="scss">
a {
    font-size: large;
}
</style>
