<script setup>
import { useI18n } from 'vue-i18n';

const $props = defineProps({
    title: { type: String, require: true, default: 'twoFactor.validate' },
    href: { type: String, require: true, default: null },
});
const { t } = useI18n();
</script>
<template>
    <QCardSection class="q-pa-none">
        <a class="header" :href="$props.href">
            {{ t($props.title) }}
            <slot name="icon"></slot>
        </a>
        <slot name="btn"></slot>
    </QCardSection>
</template>
<style lang="scss" scoped></style>
