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

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

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

const faq = [
    { icon: 'pi pi-shield',  label: 'LGPD',    text: 'Direito de oposição (Art. 18) registrado e auditável.' },
    { icon: 'pi pi-send',    label: 'Bloqueia', text: 'Impede envios automáticos pro número opt-out.' },
    { icon: 'pi pi-comment', label: 'Manual',   text: 'Recebimento e resposta manual continuam funcionando normalmente.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Opt-outs (LGPD)"
        icon="pi pi-ban"
        subtitle="Números que pediram pra não receber mensagens. Direito de oposição garantido pela LGPD."
        faq-sub="LGPD Art. 18"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesConversasOptoutsPage />
    </MelissaConfigPage>
</template>
