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

export const metadata: ComponentMetadata = {
  component_name: 'Contenido_2026_Denia',
  category: 'Contenido de Imagen',
  name: 'Sección con título, descripción e imagen lateral fija 2026',
  description: 'Sección de contenido con layout horizontal: bloque de texto a la izquierda (título h2 a 28px/32px en Poppins y descripción en Inter 16px) e imagen lateral a la derecha (ocupa la mitad derecha en desktop). La imagen es fija (calculadora de GenIA-L) y no configurable. Incluye datos estructurados (schema.org WebPageElement) generados automáticamente a partir del título y descripción para SEO',
  framework: 'Astro',
  priority: 1,
  tags: ['contenido', 'imagen', 'texto', 'seo', 'schema'],
  fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Título principal del bloque (se renderiza como h2 en Poppins 28px en móvil / 32px en desktop, color #262626). Admite HTML. También se inyecta en los datos estructurados (schema.org) como nombre del elemento',
      label: 'Texto del título',
      mandatory: false,
      example_value: 'Calculadora de productividad con IA jurídica'
    },
    {
      name: 'description',
      type: 'text',
      help: 'Descripción que aparece debajo del título (Inter 16px, color #363942). Admite HTML. También se inyecta en los datos estructurados (schema.org) como descripción del elemento (con etiquetas HTML eliminadas automáticamente)',
      label: 'Texto de la descripción',
      mandatory: false,
      example_value: 'Estima cuántas horas de trabajo puede ahorrarte la inteligencia artificial aplicada al Derecho en tu despacho.'
    },
    {
      name: 'contentHTML',
      type: 'textArea',
      help: 'Contenido HTML adicional que se renderiza debajo de la descripción (admite <p>, <h2>, <ul>, <strong>, etc.). Se aplican estilos globales: <p> internos en Inter 1em color #363942 y <h2> internos en Poppins 1.5em semibold color #262626. Si se deja vacío, no se renderiza el bloque',
      label: 'Contenido HTML adicional',
      mandatory: false,
      example_value: '<p>Incluye fórmulas configurables y exporta el resultado a PDF.</p>'
    },
    {
      name: 'image',
      type: 'image',
      help: 'URL de la imagen lateral (se renderiza a la derecha del bloque de texto, ocupa la mitad derecha en desktop). También se inyecta en los datos estructurados (schema.org) como url del ImageObject. Por defecto: /assets/images/genial/img-calculadora.webp',
      label: 'Src de la imagen',
      mandatory: false,
      example_value: '/assets/images/genial/img-calculadora.webp'
    }
  ]
};