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

export const metadata: ComponentMetadata = {
  component_name: 'Contenido_2026_Yakarta',
  category: 'Contenido con listas',
  name: 'Acordeón exclusivo de vídeos MP4 con pestañas y rotación automática 2026',
  description: 'Acordeón con botones tipo pestaña en la parte superior: al hacer click en cada pestaña se muestra su vídeo MP4 con título h3 y descripción HTML. Solo se muestra UN vídeo a la vez (comportamiento exclusivo) y hay rotación automática entre pestañas cada pocos segundos. Incluye structured data SEO VideoObject con duración en formato ISO 8601',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'acordeon', 'tabs', 'video', 'interactivo', 'seo'],
   fields: [
    {
      name: 'items',
      type: 'list',
      help: 'Listado de vídeos del acordeón. Cada vídeo tiene su botón de pestaña superior, título, descripción y archivo .mp4. Solo se muestra UNO a la vez; al hacer click en otra pestaña, el contenido cambia. También hay rotación automática entre pestañas cada pocos segundos',
      label: 'Items',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
          { name: 'name', type: 'text', help: 'Texto del botón tipo pestaña (aparece en la barra superior). Se muestra también en móvil como icono con texto oculto salvo al hacer hover/active', label: 'Nombre o tag de la pestaña', example_value: 'Redacción' },
          { name: 'title', type: 'text', help: 'Título del vídeo (h3) que aparece sobre la descripción dentro del panel', label: 'Título del vídeo', example_value: 'Redacción automática de contratos' },
          { name: 'description', type: 'textArea', help: 'Descripción del vídeo que aparece debajo del título. Admite HTML', label: 'Descripción', example_value: 'Genera borradores de contratos en segundos a partir de plantillas personalizables' },
          { name: 'iframeSrc', type: 'text', help: 'URL del archivo de vídeo MP4 directo (NO es un iframe de Vimeo/YouTube, a pesar del nombre del campo). Se usa como src de una etiqueta <video><source src="..." type="video/mp4">. Ejemplos válidos: .mp4, .webm alojados en CDN', label: 'URL del archivo de vídeo (MP4)', example_value: 'https://assets.lefebvre.es/media/videos/genial/redaccion-demo.mp4' },
          { name: 'thumbnailUrl', type: 'text', help: 'URL de la miniatura del vídeo usada en el structured data SEO (VideoObject)', label: 'URL de la miniatura (SEO)', example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-16-9.png' },
          { name: 'imageSrc', type: 'text', help: 'URL alternativa de miniatura (fallback de "URL de la miniatura" en el structured data SEO). Si "URL de la miniatura" tiene valor, este campo se ignora', label: 'URL alternativa de miniatura (fallback SEO)', example_value: '' },
          { name: 'duration', type: 'text', help: 'Duración del vídeo en formato ISO 8601 (p. ej. "PT2M30S" para 2 min 30 s). Se usa en el structured data SEO. Si se deja vacío, se omite del schema (no se inventa valor)', label: 'Duración del vídeo (ISO 8601)', example_value: 'PT2M30S' },
          { name: 'uploadDate', type: 'text', help: 'Fecha de subida del vídeo en formato ISO 8601 (p. ej. "2026-03-12" o completo). Se usa en el structured data SEO (VideoObject). Si se deja vacío, se omite del schema. Recomendado para que Google muestre rich result de vídeo', label: 'Fecha de subida (ISO 8601)', example_value: '2026-03-12' },
          { name: 'default', type: 'boolean', help: 'Si está activado, esta pestaña se muestra al cargar la página y su botón aparece resaltado como "active". Solo debería haber UN ítem con default=true; si hay varios se mostrarán todos a la vez al inicio', label: '¿Es el vídeo por defecto?', options: ['false', 'true'], options_labels: ['Falso', 'Verdadero'], example_value: false }
        ]
      }
    }
   ]
};