<script setup>
import { defineAsyncComponent } from 'vue';
import MelissaConfigPage from './MelissaConfigPage.vue';

const ConfiguracoesSmsPage = defineAsyncComponent(
    () => import('@/layout/configuracoes/ConfiguracoesSmsPage.vue')
);

const emit = defineEmits(['close']);

const faq = [
    { icon: 'pi pi-shield',      label: 'Backup', text: 'Acionado quando WhatsApp falha ou não está configurado.' },
    { icon: 'pi pi-dollar',      label: 'Custo',  text: 'Cobrado por mensagem enviada — opere com pacotes.' },
    { icon: 'pi pi-info-circle', label: 'Limite', text: '160 caracteres por mensagem (limite da operadora).' }
];
</script>

<template>
    <MelissaConfigPage
        title="SMS"
        icon="pi pi-comment"
        subtitle="Gerencie créditos SMS e personalize as mensagens. Funciona como backup quando o WhatsApp falha."
        faq-sub="Mensagens SMS"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesSmsPage />
    </MelissaConfigPage>
</template>
