import { useState } from 'react' import { Button } from "/components/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "/components/ui/card" import { RadioGroup, RadioGroupItem } from "/components/ui/radio-group" import { Label } from "/components/ui/label" type Scenario = { question: string options: string[] correctAnswer: string explanation: string } export default function PNLEvaluator() { const [currentScenario, setCurrentScenario] = useState(0) const [selectedAnswer, setSelectedAnswer] = useState(null) const [showFeedback, setShowFeedback] = useState(false) const [isCorrect, setIsCorrect] = useState(false) const scenarios: Scenario[] = [ { question: "¿Cuál es el primer paso en la modelización de un comportamiento problemático según la PNL?", options: [ "Identificar el comportamiento problemático", "Cambiar el lenguaje interno", "Modificar las emociones", "Ajustar las respuestas corporales" ], correctAnswer: "Identificar el comportamiento problemático", explanation: "El primer paso es identificar claramente el comportamiento que se desea cambiar." }, { question: "¿Qué significa 'estado' en el contexto de la PNL?", options: [ "Un conjunto de pensamientos, emociones y respuestas corporales", "Una técnica de comunicación", "Un modelo mental", "Un plan de acción" ], correctAnswer: "Un conjunto de pensamientos, emociones y respuestas corporales", explanation: "Un estado en PNL es un conjunto de pensamientos, emociones y respuestas corporales que se experimentan juntos." }, { question: "¿Cuál es el objetivo principal de la PNL en la comunicación?", options: [ "Lograr una comunicación efectiva y comprensión mutua", "Dominar a la otra persona", "Evitar conflictos", "Influenciar a la otra persona" ], correctAnswer: "Lograr una comunicación efectiva y comprensión mutua", explanation: "La PNL busca mejorar la comunicación para que ambas partes puedan entenderse mejor y trabajar juntas de manera más efectiva." } ] const handleAnswer = () => { if (selectedAnswer === scenarios[currentScenario].correctAnswer) { setIsCorrect(true) } else { setIsCorrect(false) } setShowFeedback(true) } const nextScenario = () => { setSelectedAnswer(null) setShowFeedback(false) setCurrentScenario(currentScenario + 1) } const resetEvaluator = () => { setSelectedAnswer(null) setShowFeedback(false) setIsCorrect(false) setCurrentScenario(0) } if (currentScenario >= scenarios.length) { return (

Evaluación Completada!

¡Has completado todos los escenarios!

) } return (

Evaluador de Conocimientos de PNL Escenario {currentScenario + 1} de {scenarios.length}

{scenarios[currentScenario].question}

{scenarios[currentScenario].options.map((option, index) => (

{option}

))}

{showFeedback && (

{isCorrect ? '✅ Correcto!' : '❌ Incorrecto!'}

{scenarios[currentScenario].explanation}

)} ) }