// 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: 'TextImageCard',
  category: 'Contenido de Imagen',
  name: 'Card de texto con imagen',
  description: 'Card 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: 'Gatitos medievales: una mirada al pasado felino'
    },    
    {
      name: 'description',
      type: 'textArea',
      help: 'Descripción detallada en HTML',
      label: 'Contenido principal (HTML)',
      mandatory: true,
      example_value: `<p>Los gatitos que habitaron los castillos medievales eran más que simples mascotas; eran compañeros leales y símbolos de estatus para la <b>nobleza</b>.</p>`
    },
    {
      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-1-1.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: 'right'
    },
  ]
  
};