<script setup>
import { useI18n } from 'vue-i18n';
const props = defineProps({
    phoneNumber: { type: [String, Number], default: null },
    icon: { type: Boolean, default: true },
    showNumber: { type: Boolean, default: true },
});
const { t } = useI18n();
</script>
<template>
    <div v-if="props.phoneNumber">
        <span v-if="props.icon">
            <span v-if="props.showNumber">
                {{ props.phoneNumber }}
            </span>
            <QBtn
                flat
                round
                :icon="'phone'"
                size="sm"
                class="q-ml-xs"
                color="primary"
                padding="none"
                :href="`sip:${props.phoneNumber}`"
                :title="t('globals.microsip')"
                @click.stop
            />
        </span>
        <a v-else :href="`tel:${props.phoneNumber}`" class="link">
            {{ props.phoneNumber }}
        </a>
    </div>
    <span v-else>-</span>
</template>
<style scoped></style>
