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

export const metadata: ComponentMetadata = {
  component_name: 'Sumario_2025_Beijing',
  category: 'Contenido de Texto',
  name: 'Sumario de post con iconos de check circular y dos modos texto/HTML 2025',
  description: 'Sumario o "en este artículo" con título h2 y viñetas marcadas con icono de check circular. Admite dos modos alternativos para el contenido: "Items" (array de strings planos sin HTML) o "contentSumario" (HTML libre, típicamente <ul><li>). Si ambos están rellenos, "contentSumario" tiene PRIORIDAD y "Items" se ignora. Los <li> reciben el icono de check automático vía CSS global',
  framework: 'Astro',
  priority: 1,
  tags: ['texto', 'sumario', 'lista', 'check', 'post'],
  fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Título del sumario (h2). Se renderiza siempre; si se deja vacío aparece el h2 vacío. No admite HTML',
      label: 'Texto del título',
      mandatory: false,
      example_value: 'En este artículo'
    },
    {
      name: 'contentSumario',
      type: 'textArea',
      help: 'Sumario en HTML libre (normalmente <ul><li>...</li></ul>). Si tiene valor, este campo TIENE PRIORIDAD sobre "Items del sumario" — el campo items se ignora. Los <li> reciben el icono de check automático por CSS global',
      label: 'Sumario en HTML',
      mandatory: false,
      example_value: '<ul><li>Contexto normativo</li><li>Casos reales de uso</li><li>Buenas prácticas</li></ul>'
    }
    // {
    //   name: 'items',
    //   type: 'list',
    //   help: 'Listado de ítems del sumario (strings simples, sin HTML). Se renderiza como <ul> con iconos de check. Solo se usa si "Sumario en HTML" está vacío',
    //   label: 'Items del sumario (texto plano)',
    //   mandatory: false,
    //   items: {
    //     type: 'text',
    //     example_value: ['Introducción a la IA jurídica', 'Casos reales de uso', 'Buenas prácticas'],
    //   }
    // }
   ]
};