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

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

// dame en un string el codigo html resultante de la renderizacion de este componente quitando las clases de tailwind y poniendo estilos inline de css, no debe tener codigo js, es para hcer una preview

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

export const metadata: ComponentMetadata = {
  component_name: 'TextImageBlock',
  category: 'Contenido de Imagen',
  name: 'Contenido de texto con imagen',
  description: 'Tarjeta con texto e imagen',
  framework: 'Astro',
  tags: ['card', 'interactivo','lefebvre.es'],
  fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Texto del título',
      label: 'Título',
      mandatory: true,
      example_value: 'Gatos abogados: la nueva tendencia felina en el mundo legal'
    },    
    {
      name: 'description',
      type: 'textArea',
      help: 'Descripción detallada en HTML',
      label: 'Contenido principal (HTML)',
      mandatory: true,
      example_value: `<p><b>No trabajes más, trabaja mejor.</b> GenIA-L no sólo domina la jurisprudencia, sino que piensa como tú: además de hablar el mismo idioma, es la primera IA que razona de forma lógica sobre cómo abordar los desafíos legales más complejos.</p>
      <p>En Lefebvre hemos ido un paso más allá combinando el llamado razonamiento profundo con la base de datos jurídica más completa. ¿El resultado? La IA jurídica más certera del mercado, con la que obtienes respuestas claras, razonadas y fundamentadas para abordar cualquier reto legal que te plantees en cuestión de segundos.</p>
        `
    },
    {
      name: 'buttonText',
      type: 'text',
      help: 'Texto del botón',
      label: 'Texto del botón',
      mandatory: true,
      example_value: 'Conoce GenIA-L'
    },    
    {
      name: 'buttonUrl',
      type: 'text',
      help: 'Enlace del botón',
      label: 'URL del botón',
      mandatory: true,
      example_value: 'https://lefebvre.es/ecosistema-productos/genial-inteligencia-artificial-generativa-ia/'
    },
    {
      name: 'image',
      type: 'image',
      help: 'Dirección de la imagen',
      label: 'URL de la imagen',
      mandatory: true,
      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-4-3.png'
    },
    {
      name: 'orientation',
      type: 'select',
      help: 'Posición de la imagen',
      label: 'Orientación de la figura',
      options: ['right', 'left'],
      options_labels: ['Derecha','Izquierda'],
      example_value: 'left'
    },
  ]
  
};