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

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

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

const faq = [
    { icon: 'pi pi-shield',   label: 'LGPD',     text: 'Art. 37 — registro obrigatório de operações de tratamento.' },
    { icon: 'pi pi-lock',     label: 'Imutável', text: 'Não pode ser editado nem excluído (totalmente auditável).' },
    { icon: 'pi pi-download', label: 'Exportar', text: 'Gere relatórios em CSV ou JSON quando precisar prestar contas.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Auditoria"
        icon="pi pi-shield"
        subtitle="Registro imutável de operações sensíveis (acessos, alterações, exclusões). Exigência LGPD."
        faq-sub="LGPD Art. 37"
        :faq="faq"
        @close="emit('close')"
    >
        <AuditoriaPage />
    </MelissaConfigPage>
</template>
