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

export const metadata: ComponentMetadata = {
  component_name: 'Contenido_2026_Ubeda',
  category: 'Contenido con listas',
  name: 'Bloque destacado de hasta 3 columnas con cifras grandes y separadores 2026',
  description: 'Bloque con fondo azul translúcido que muestra hasta 3 ítems en fila en desktop (1/3 de ancho cada uno) y apilados en móvil, con separadores visuales entre ellos (laterales en desktop, horizontales en móvil). Cada ítem combina una cifra o título destacado (40px móvil / 56px desktop semibold) con una descripción centrada debajo (tamaño xl, admite HTML). Diseñado para exactamente 3 ítems',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'texto', 'destacado', 'grid', 'cifras'],
   fields: [
    {
      name: 'items',
      type: 'list',
      help: 'Listado de bloques con cifras/títulos destacados y descripción. Layout responsive: 1 columna en móvil, 3 columnas en desktop (ancho 1/3 cada una). Diseñado para EXACTAMENTE 3 items (o menos). El ítem del medio tiene bordes separadores laterales en desktop y horizontales en móvil; si hay más de 3 ítems los extras no llevarán separadores visuales',
      label: 'Listado de items',
      mandatory: false,
      items: {
        type: 'object',
        fields: [
            { name: 'title', type: 'text', help: 'Cifra o texto destacado del bloque (aparece en tamaño grande, 40px móvil / 56px desktop, semibold). No admite HTML', label: 'Título destacado', example_value: '70%' },
            { name: 'description', type: 'textArea', help: 'Descripción que aparece debajo del título destacado (tamaño xl, centrada). Admite HTML', label: 'Descripción', example_value: 'Reducción del tiempo de redacción de contratos' }
        ]
      }
    }
   ]
};