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

export const metadata: ComponentMetadata = {
  component_name: 'Tag_2025_Bolonia',
  category: 'Contenido de Texto',
  name: 'Listado horizontal de pastillas de tag con fondo azul muy claro 2025',
  description: 'Grupo de etiquetas/tags en fila, cada una renderizada como una pastilla redondeada con borde gris claro y fondo azul muy claro. Recibe directamente un array de strings planos (sin campos anidados por ítem). Se usa habitualmente dentro de Hero_2025/2026_Benidorm para etiquetar artículos de blog',
  framework: 'Astro',
  priority: 1,
  tags: ['texto', 'tag', 'etiqueta', 'pastilla', 'badge'],
   fields: [
    {
      name: 'tags',
      type: 'list',
      help: 'Listado de etiquetas/tags. Cada una se renderiza como una pastilla redondeada con borde gris claro y fondo azul muy claro. Si se deja vacío, no aparece ningún tag',
      label: 'Listado de tags',
      mandatory: false,
      items: {
        type: 'text',
        example_value: ['IA Jurídica'],
      }
    },
    {
      name: 'tagsUrls',
      type: 'list',
      help: 'Listado de URLs de enlace para los tags, en el mismo orden que el campo "Listado de tags" (la posición N corresponde al tag N). Si una posición se deja vacía o no se informa, ese tag se muestra como texto plano sin enlace',
      label: 'URLs de los tags (enlaces)',
      mandatory: false,
      items: {
        type: 'text',
        example_value: ['https://www.lefebvre.es/tags/ia-juridica'],
      }
    }
   ]
};