libreria-astro-lefebvre/src/carbins/Tabla_2025_Fuenlabrada.ts

Librería de componentes Astro, React y Vue para Lefebvre

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

export const metadata: ComponentMetadata = {
  component_name: 'Tabla_2025_Fuenlabrada',
  category: 'Contenido de Texto',
  name: 'Tabla comparativa de dos columnas con flecha separadora 2025',
  description: 'Tabla comparativa con título h2, descripción HTML y dos columnas (izquierda vs derecha) con sus títulos e ítems respectivos (strings planos sin HTML). Layout responsive: apilado en móvil, grid con flecha separadora (→) en desktop. TERNARIO: si AMBAS columnas tienen ítems → grid de 2 columnas con flecha entre ellas; si solo UNA los tiene → se renderiza una única tabla con esa columna. El número de filas en desktop se ajusta al máximo de ambas',
  framework: 'Astro',
  priority: 1,
  tags: ['texto', 'tabla', 'comparativa', 'columnas', 'responsive'],
   fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Título superior de la tabla (h2). Solo se muestra si tiene valor; si se deja vacío, NO aparece',
      label: 'Texto del título',
      mandatory: false,
      example_value: 'Compara nuestros planes'
    },
    {
      name: 'description',
      type: 'text',
      help: 'Descripción debajo del título. Admite HTML. Solo se muestra si tiene valor',
      label: 'Texto de la descripción',
      mandatory: false,
      example_value: 'Elige el plan que mejor se adapte a las necesidades de tu despacho'
    },
    {
      name: 'leftTitle',
      type: 'text',
      help: 'Título de la columna izquierda',
      label: 'Título columna izquierda',
      mandatory: false,
      example_value: 'Plan Profesional'
    },
    {
      name: 'leftItems',
      type: 'list',
      help: 'Ítems de la columna izquierda (strings simples, sin HTML). Se renderizan en filas con separadores',
      label: 'Ítems columna izquierda',
      mandatory: false,
      items: {
        type: 'text',
        example_value: ['Consultas ilimitadas', 'Soporte prioritario', 'Acceso a webinars'],
      }
    },
    {
      name: 'rightTitle',
      type: 'text',
      help: 'Título de la columna derecha',
      label: 'Título columna derecha',
      mandatory: false,
      example_value: 'Plan Básico'
    },
    {
      name: 'rightItems',
      type: 'list',
      help: 'Ítems de la columna derecha (strings simples, sin HTML). TERNARIO INTERNO: si hay contenido en AMBAS columnas → grid de 2 columnas con flecha separadora en desktop; si solo una tiene contenido → se renderiza una única tabla con esa columna. El número de filas en desktop se ajusta al máximo entre ambas columnas',
      label: 'Ítems columna derecha',
      mandatory: false,
      items: {
        type: 'text',
        example_value: ['Consultas limitadas a 50/mes', 'Soporte por email', 'Sin acceso a webinars'],
      }
    }
   ]
};