// 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: 'ImageTextSimple',
  category: 'Imagen',
  name: 'Contenido con imagen/video simple',
  description: 'Contenido con imagen/video simple, título y texto',
  framework: 'Astro',
  tags: ['card', 'interactivo','lefebvre.es'],
  fields: [
    {
      name: 'title',
      type: 'text',
      label: 'Título',
      mandatory: true,
      example_value: 'Soluciones felinas para un mundo mejor'
    },    
    {
      name: 'description',
      type: 'textArea',
      label: 'Contenido principal (HTML)',
      mandatory: true,
      example_value: `<p>En Lefebvre buscamos ofrecer a nuestros gatos una <b>vida mejor</b>.
       Para ello, las adaptamos a las características y necesidades de cada empresa y sector, haciendo hincapié en los puntos críticos de cada uno de ellos para contribuir positivamente a su desarrollo. </p>
        `
    },
    {
      name: 'image',
      type: 'image',
      label: 'URL de la imagen',
      mandatory: false,
      exclusive_group: 'media',
      exclusive_group_label: 'Contenido multimedia',
      example_value: 'https://assets.lefebvre.es/media/img/preview-comp/comp-1-1.png'
    },
    {
      name: 'video',
      type: 'video',
      label: 'URL del video',
      mandatory: false,
      exclusive_group: 'media',
      exclusive_group_label: 'Contenido multimedia',
      example_value: ''
    },    
  ]
  
};