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

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

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

const faq = [
    { icon: 'pi pi-user',                   label: 'Coleta',    text: 'Pergunta nome, motivo e urgência antes do humano assumir.' },
    { icon: 'pi pi-arrow-right-arrow-left', label: 'Transição', text: 'Passa a conversa pro humano após a triagem inicial.' },
    { icon: 'pi pi-pencil',                 label: 'Editar',    text: 'Customize as perguntas conforme sua prática clínica.' }
];
</script>

<template>
    <MelissaConfigPage
        title="Bot de triagem"
        icon="pi pi-android"
        subtitle="Bot coleta nome, motivo e contexto via WhatsApp antes do fluxo humano começar."
        faq-sub="Triagem inicial"
        :faq="faq"
        @close="emit('close')"
    >
        <ConfiguracoesConversasBotsPage />
    </MelissaConfigPage>
</template>
