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

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

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

export const metadata: ComponentMetadata = {
  component_name: 'Imagen_2025_Fukushima',
  category: 'Imagen',
  name: 'Logo pequeño 80x80 con descripción y enlace opcional 2025',
  description: 'Bloque compacto con logotipo de 80x80 px (max-w-20) y descripción debajo (14px color gris, admite HTML). Si se rellena el campo "URL de destino", todo el bloque (imagen + texto) se envuelve en un enlace <a> clicable; si se deja vacío, se renderiza como divs separados sin navegación. Diseñado para usarse como unidad dentro de grids de logotipos (p. ej. dentro de Contenido_2026_Tokyo)',
  framework: 'Astro',
  priority: 1,
  tags: ['imagen', 'certificado', 'logo', 'enlace', 'compacto'],
   fields: [
    {
      name: 'image',
      type: 'image',
      help: 'URL de la imagen del logotipo. Se renderiza a 80x80px con max-w-20 (el ancho real se ajusta al contenido). Si se deja vacía aparece imagen rota',
      label: 'Imagen del logo',
      mandatory: false,
      example_value: 'https://lefebvre.es/genia-l/images/genial/img-iso4.webp'
    },
    {
      name: 'altImage',
      type: 'text',
      help: 'Texto alternativo del logo para accesibilidad. Si se deja vacío, el atributo alt quedará sin valor',
      label: 'Alt del logo',
      mandatory: false,
      example_value: 'Logo de certificación ISO 27001'
    },
    {
      name: 'descriptionImage',
      type: 'text',
      help: 'Texto descriptivo que aparece debajo del logo (tamaño 14px, color gris). Admite HTML. Si se deja vacío, no aparece texto',
      label: 'Texto bajo el logo',
      mandatory: false,
      example_value: 'ISO 27001 - Seguridad de la información'
    },
    {
      name: 'link',
      type: 'text',
      help: 'URL de destino al hacer click. ACTIVADO (con URL): todo el bloque (imagen + texto) se envuelve en un <a> y es clicable. DESACTIVADO (vacío): el bloque se renderiza como divs separados sin navegación',
      label: 'URL de destino (opcional)',
      mandatory: false,
      example_value: '/genia-l/certificaciones/iso-27001'
    }
   ]
};