Survey Component - Copy this React, Tailwind Component to your project

Crea una interfaz para responder esta encuesta 1, text: "Entiendo algo mejor después de", options: ["probarlo.", "pensarlo detenidamente."] }, { id: 2, text: "Preferiría ser considerado", options: ["realista.", "innovador."] }, { id: 3, text: "Cuando pienso en lo que hice ayer, es más probable que recuerde", options: ["una imagen.", "palabras."] }, { id: 4, text: "Tiendo a", options: ["entender los detalles de un tema, pero puede que me confunda con la estructura general.", "entender la estructura general, pero puede que me confunda con los detalles."] }, { id: 5, text: "Cuando estoy aprendiendo algo nuevo, me ayuda", options: ["hablar sobre ello.", "pensar sobre ello."] }, { id: 6, text: "Si fuera maestro, preferiría enseñar un curso que trate", options: ["con hechos y situaciones de la vida real.", "con ideas y teorías."] }, { id: 7, text: "Prefiero obtener nueva información en forma de", options: ["imágenes, diagramas, gráficos o mapas.", "instrucciones escritas o información verbal."] }, { id: 8, text: "Una vez que entiendo", options: ["todas las partes, entiendo todo el conjunto.", "el conjunto, veo cómo encajan las partes."] }, { id: 9, text: "En un grupo de estudio trabajando con material difícil, es más probable que", options: ["participe y aporte ideas.", "me siente y escuche."] }, { id: 10, text: "Me resulta más fácil", options: ["aprender hechos.", "aprender conceptos."] }, { id: 11, text: "En un libro con muchas imágenes y gráficos, es más probable que", options: ["examine cuidadosamente las imágenes y gráficos.", "me concentre en el texto escrito."] }, { id: 12, text: "Cuando resuelvo problemas matemáticos", options: ["usualmente sigo los pasos uno por uno para llegar a la solución.", "a menudo veo la solución pero tengo que esforzarme para descubrir los pasos para llegar a ella."] }, { id: 13, text: "En las clases que he tomado", options: ["generalmente he conocido a muchos de los estudiantes.", "raramente he conocido a muchos de los estudiantes."] }, { id: 14, text: "Cuando leo textos no ficticios, prefiero", options: ["algo que me enseñe nuevos hechos o me diga cómo hacer algo.", "algo que me dé nuevas ideas para reflexionar."] }, { id: 15, text: "Me gustan los maestros", options: ["que ponen muchos diagramas en el tablero.", "que pasan mucho tiempo explicando."] }, { id: 16, text: "Cuando analizo una historia o novela", options: ["pienso en los incidentes y trato de unirlos para entender los temas.", "simplemente sé cuáles son los temas cuando termino de leer y luego tengo que volver y encontrar los incidentes que los demuestran."] }, { id: 17, text: "Cuando empiezo un problema de tarea, es más probable que", options: ["comience a trabajar en la solución de inmediato.", "trate de entender completamente el problema primero."] }, { id: 18, text: "Prefiero la idea de", options: ["certeza.", "teoría."] }, { id: 19, text: "Recuerdo mejor", options: ["lo que veo.", "lo que escucho."] }, { id: 20, text: "Para mí es más importante que un instructor", options: ["presente el material en pasos secuenciales claros.", "me dé una visión general y relacione el material con otros temas."] }, { id: 21, text: "Prefiero estudiar", options: ["en un grupo de estudio.", "solo."] }, { id: 22, text: "Es más probable que se me considere", options: ["cuidadoso con los detalles de mi trabajo.", "creativo en cómo hago mi trabajo."] }, { id: 23, text: "Cuando recibo indicaciones para ir a un lugar nuevo, prefiero", options: ["un mapa.", "instrucciones escritas."] }, { id: 24, text: "Aprendo", options: ["a un ritmo bastante regular. Si estudio mucho, lo entenderé.", "de forma irregular. Estoy completamente confundido y luego, de repente, todo hace 'clic'."] }, { id: 25, text: "Prefiero primero", options: ["probar cosas.", "pensar en cómo voy a hacerlo."] }, { id: 26, text: "Cuando leo por diversión, prefiero que los escritores", options: ["digan claramente lo que quieren decir.", "digan cosas de maneras creativas e interesantes."] }, { id: 27, text: "Cuando veo un diagrama o un esquema en clase, es más probable que recuerde", options: ["la imagen.", "lo que dijo el instructor al respecto."] }, { id: 28, text: "Al considerar un conjunto de información, es más probable que", options: ["me concentre en los detalles y pierda la visión general.", "trate de entender la visión general antes de entrar en los detalles."] }, { id: 29, text: "Recuerdo más fácilmente", options: ["algo que he hecho.", "algo en lo que he pensado mucho."] }, { id: 30, text: "Cuando tengo que realizar una tarea, prefiero", options: ["dominar una forma de hacerlo.", "idear nuevas formas de hacerlo."] }, { id: 31, text: "Cuando alguien me muestra datos, prefiero", options: ["gráficos o diagramas.", "texto que resuma los resultados."] }, { id: 32, text: "Cuando escribo un trabajo, es más probable que", options: ["trabaje en el comienzo del trabajo y avance en orden.", "trabaje en diferentes partes del trabajo y luego las ordene."] }, { id: 33, text: "Cuando trabajo en un proyecto grupal, primero quiero", options: ["tener una 'lluvia de ideas grupal' donde todos contribuyan con ideas.", "pensar individualmente y luego reunirnos como grupo para comparar ideas."] }, { id: 34, text: "Considero que es más halagador que me llamen", options: ["sensato.", "imaginativo."] }, { id: 35, text: "Cuando conozco a personas en una fiesta, es más probable que recuerde", options: ["cómo se veían.", "lo que dijeron sobre sí mismos."] }, { id: 36, text: "Cuando estoy aprendiendo un tema nuevo, prefiero", options: ["mantenerme enfocado en ese tema, aprendiendo tanto como pueda sobre él.", "tratar de hacer conexiones entre ese tema y temas relacionados."] }, { id: 37, text: "Es más probable que se me considere", options: ["extrovertido.", "reservado."] }, { id: 38, text: "Prefiero cursos que enfatizan", options: ["material concreto (hechos, datos).", "material abstracto (conceptos, teorías)."] }, { id: 39, text: "Para entretenerme, prefiero", options: ["ver televisión.", "leer un libro."] }, { id: 40, text: "Algunos maestros comienzan sus clases con un esquema de lo que cubrirán. Estos esquemas son", options: ["algo útiles para mí.", "muy útiles para mí."] }, { id: 41, text: "La idea de hacer tareas en grupo, con una calificación para todo el grupo,", options: ["me atrae.", "no me atrae."] }, { id: 42, text: "Cuando hago cálculos largos,", options: ["tiendo a repetir todos mis pasos y revisar mi trabajo cuidadosamente.", "revisar mi trabajo me resulta tedioso y tengo que obligarme a hacerlo."] }, { id: 43, text: "Tiendo a imaginar lugares donde he estado", options: ["fácil y bastante exactamente.", "con dificultad y sin mucho detalle."] }, { id: 44, text: "Cuando resuelvo problemas en grupo, es más probable que", options: ["piense en los pasos del proceso de solución.", "piense en posibles consecuencias o aplicaciones de la solución en una amplia variedad de áreas."] }, { id: 45, text: "Prefiero estudiar en", options: ["grupo.", "solitario."] }, { id: 46, text: "Cuando tengo que resolver un problema difícil, prefiero", options: ["trabajar con otras personas.", "trabajar solo."] }, { id: 47, text: "En reuniones sociales, tiendo a", options: ["ser muy participativo.", "escuchar más que hablar."] }, { id: 48, text: "Prefiero trabajar en proyectos", options: ["en equipo.", "de forma individual."] }, { id: 49, text: "Cuando aprendo algo nuevo, me ayuda", options: ["discutirlo con otros.", "pensar en ello por mí mismo."] }, { id: 50, text: "Cuando tengo dudas sobre un tema, prefiero", options: ["preguntar a otros.", "buscar respuestas por mi cuenta."] }, { id: 51, text: "Cuando trabajo, me siento más productivo", options: ["rodeado de otras personas.", "en un ambiente tranquilo y privado."] }, { id: 52, text: "Prefiero participar en actividades de aprendizaje que son", options: ["colaborativas.", "independientes."] }, { id: 53, text: "Cuando pienso en mis logros, prefiero compartirlos con", options: ["un grupo de personas.", "una persona cercana o conmigo mismo."] }, { id: 54, text: "En mi tiempo libre, prefiero", options: ["hacer actividades en grupo.", "hacer actividades por mi cuenta."] }, { id: 55, text: "Cuando trabajo en un equipo, suelo", options: ["contribuir activamente en las discusiones.", "realizar mi parte sin mucha interacción."] }, usa esta paleta de colores ### **Colores Primarios (Uso Principal)** **Azul Claro (#4A90E2):** Representa confianza, estabilidad y calma. Ideal para encabezados, botones principales y elementos destacados. **Blanco (#FFFFFF):** Fondo principal para mantener un diseño limpio y espacioso. ### **Colores Secundarios (Soporte y Contraste)** **Gris Claro (#F5F5F5):** Para fondos secundarios (paneles, tarjetas) y separación visual. **Gris Medio (#9E9E9E):** Para textos secundarios o explicaciones. ### **Colores de Resaltado (Llamar la Atención)** **Verde (#4CAF50):** Indicadores de progreso o estados positivos (completado, éxito). **Amarillo (#FFC107):** Para advertencias o información importante. **Rojo (#F44336):** Para errores o estados críticos. ### **Colores para Acciones e Interactividad** **Naranja (#FF9800):** Botones de llamada a la acción secundaria o elementos interactivos destacados. **Cian (#00BCD4):** Para enlaces o detalles interactivos relacionados con actividades. ### **Colores para Dimensiones del Aprendizaje (Codificación Visual)** Cada dimensión puede tener un color asociado para facilitar la identificación rápida: **Procesamiento:** Azul (#4A90E2). **Percepción:** Verde (#4CAF50). **Entrada de Información:** Amarillo (#FFC107). **Comprensión:** Naranja (#FF9800). **Interacción Social:** Cian (#00BCD4). ### **Ejemplo de Aplicación en la Plataforma** **Fondo Principal:** Blanco (#FFFFFF) para no saturar al usuario. **Paneles o Tarjetas:** Gris Claro (#F5F5F5) con bordes sutiles. **Texto Principal:** Gris Oscuro (#333333) para buen contraste. **Botones Principales:** Azul Claro (#4A90E2) con texto blanco. **Indicadores de Estado:** Verde para progreso (barra de avance). Rojo para errores (mensaje de validación). Amarillo para advertencias (actividades pendientes). **Módulos de Aprendizaje:** Los colores de las dimensiones pueden usarse como etiquetas o barras laterales en los objetos de aprendizaje.