// 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: 'VideoAutoplay',
  category: 'Contenido de Texto',
  name: 'Sección con vídeo autoplay',
  description: 'Sección con vídeo que se reproduce automáticamente',
  framework: 'Astro',
  tags: ['video', 'autoplay', 'lefebvre.es'],
  fields: [
    {
      name: 'title',
      type: 'text',
      help: 'Texto del título',
      label: 'Título',
      mandatory: true,
      example_value: 'Hoy empieza un nuevo capítulo de nuestra historia'
    },    
    {
      name: 'description',
      type: 'text',
      help: 'Texto del contenido',
      label: 'Contenido principal',
      mandatory: true,
      example_value: 'Somos quienes te han acompañado durante décadas. Somos quienes se anticipan contigo al futuro del conocimiento jurídico.'
    },
    {
      name: 'iframeSrc',
      type: 'video',
      help: 'Enlace del vídeo',
      label: 'URL del vídeo',
      mandatory: true,
      example_value: 'https://player.vimeo.com/video/1087114916?controls=0&autoplay=1&muted=1&loop=1&badge=0&autopause=0&player_id=0&app_id=58479'
    }
  ]
  
};