<script setup lang="ts">
/**
 * Универсальный placeholder для ещё-не-реализованных вкладок Settings.
 * Используется для вкладок: Проекты, Команда, Интеграции, Тихие часы.
 *
 * При реализации каждой вкладки — заменяется на отдельный component.
 */
defineProps<{ title: string; description: string }>();
</script>

<template>
    <div class="tab-content">
        <h2 class="tab-title text-h6 mb-3">{{ title }}</h2>
        <v-alert type="info" variant="tonal" density="compact" class="mb-4">
            <strong>В разработке.</strong> Этот раздел реализуется в следующих коммитах.
        </v-alert>
        <p class="text-body-2 text-medium-emphasis">{{ description }}</p>
    </div>
</template>

<style scoped>
.tab-title {
    font-variation-settings: 'opsz' 18;
    letter-spacing: -0.005em;
}
</style>
