import type { ComponentMetadata } from '../interfaces/types';

export const metadata: ComponentMetadata = {
  component_name: 'FAQ_2025_Hiroshima',
  category: 'Contenido con listas',
  name: 'Listado de preguntas frecuentes en acordeón exclusivo 2025',
  description: 'Listado de preguntas y respuestas en acordeón exclusivo: al abrir una pregunta se cierran automáticamente las demás (solo una respuesta visible a la vez). Un segundo click sobre la pregunta abierta la cierra. Incluye título h2 opcional. Permite configurar el estado inicial: todos plegados (por defecto), todos desplegados, o solo el primero desplegado. Las respuestas admiten HTML básico: strong, b, em, i, ul, ol, li. Incluye datos estructurados FAQPage.',
  framework: 'Astro',
  priority: 1,
  tags: ['texto', 'faq', 'acordeon', 'preguntas', 'interactivo'],
  fields: [
    {
        name: 'title',
        type: 'text',
        help: 'Título de la sección de FAQ (h2). Si se deja vacío, no se muestra el título',
        label: 'Texto del título',
        mandatory: false,
        example_value: 'Preguntas frecuentes sobre GenIA-L'
    },
    {
      name: 'initialState',
      type: 'select',
      help: 'Estado inicial de los elementos del acordeón. "all-closed": todos plegados (por defecto). "all-open": todos desplegados. "first-open": solo el primero desplegado',
      label: 'Estado inicial del acordeón',
      mandatory: false,
      options: ['all-closed', 'all-open', 'first-open'],
      options_labels: ['Todos plegados (por defecto)', 'Todos desplegados', 'Solo el primero desplegado'],
      example_value: 'all-closed'
    },
    {
      name: 'items',
      type: 'list',
      help: 'Listado de preguntas y respuestas. Cada pregunta se muestra como un botón expandible. Al hacer click en una pregunta se abre su respuesta y se cierran las demás automáticamente (comportamiento exclusivo, solo una visible a la vez). Un segundo click en la pregunta abierta la cierra',
      label: 'Listado de FAQs',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
          { name: 'question', type: 'text', help: 'Texto de la pregunta (aparece como botón). No admite HTML', label: 'Texto de la pregunta', example_value: '¿Qué es GenIA-L y para qué sirve?' },
          { name: 'answer', type: 'text', help: 'Texto de la respuesta que aparece al abrir la pregunta. Admite HTML básico: <strong>, <b>, <em>, <i>, <ul>, <ol>, <li>. Evitar etiquetas de bloque complejas o scripts', label: 'Texto de la respuesta', example_value: 'GenIA-L es la plataforma de inteligencia artificial jurídica de Lefebvre que automatiza la redacción de contratos, la búsqueda de jurisprudencia y el análisis de documentos legales' }
        ]
      }
    },
    {
      name: 'noSchema',
      type: 'boolean',
      help: 'Si está ACTIVADO, omite la inyección del JSON-LD FAQPage interno del componente. Útil cuando hay varias instancias del componente en la misma página, o cuando se está usando SEO_Schema_Page con pageType FAQPage para declarar el FAQPage raíz unificado. Default: desactivado (emite el FAQPage propio)',
      label: 'Omitir JSON-LD FAQPage propio',
      mandatory: false,
      options: ['false', 'true'],
      options_labels: ['Falso (emite FAQPage)', 'Verdadero (no emite FAQPage)'],
      example_value: false
    }
  ]
};